/*********************************************************************************
 *** This is the main stylesheet for all theme styles. If you wish to split 
 *** styles into seperate stylesheets, ASP.NET themes loads stylesheets in 
 *** alphabetical order, so be sure to name files accordingly.
 *** 
 *** These styles load after reset-min.css
 ***
 *** Any IE 6 specific styles should be nested in a class of "ie6"
 ***    e.g.:   span {color:red;}
 ***            .ie6 span {color:blue;}
 ********************************************************************************* */

/* Body */
body,h1 span,h2 span,h3 span,h4 span,h5 span,h6 span
                                {font-family:Tahoma,Arial,sans-serif; font-size:12px; font-weight:normal;}
/* Font Styles */
em                              {font-style:italic;}
strong                          {font-weight:bold;}

p                               {padding-bottom:10px;}

/* Headers */
h1,h2,h3,h4,h5,h6               {font-family:"Trebuchet MS",Tahoma,Arial,sans-serif; font-weight:bold; margin:0.7em 0em 0.2em 0em;} /* EM are based on font size; The margins will adjust based on font size */
h1                              {font-size:18px; margin:0em 0em 1.0em 0em;}
h2                              {font-size:16px;}
h3                              {font-size:14px;}
h4                              {font-size:12px;}
h5                              {font-size:10px; text-transform:uppercase;}
h6                              {font-size:8px; text-transform:uppercase;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span
                                {margin-left:10px;}
/* Links */
a                               {color:#002f88;} /* Globally defines all anchor properties */
a:link                          {}
a:visited                       {}
a:hover                         {}
a:active                        {}
/* Elements */
pre                             {/* There are known layout and display issues when using the PRE tag. Try to avoid usage. */
                                padding-left:25px; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap;}
blockquote                      {font-family:Georgia,serif; color:#666; font-size:0.9em; font-style:italic; margin:5px 20% 10px 30px; line-height:1.6em;}
blockquote a                    {font-family:"Trebuchet MS",Tahoma,Arial,sans-serif; font-style:normal;}
/* Tables (for tabular data only.  not for layout.) */
.tbl_data						{margin-bottom:10px;}
.tbl_data tr td					{padding:2px 30px 2px 0px;}
.tbl_data .inBodyHd				{font-family:Georgia,serif; color:#666; font-size:0.9em; font-style:italic;}
.tbl_data thead					{font-family:Georgia,serif; color:#666; font-size:0.9em; font-style:italic;}
.tbl_data tbody					{}
/* Lists (for content only.  not for layout.) */
.ul_content						{margin:0px 0px 16px 30px;}
.ul_content li					{list-style-type:none;}
/* FAQ */
.faq_question					{font-family:Georgia,serif; color:#666; font-size:0.9em; font-style:italic; margin:1.5em 0em 0.5em 0em;}
.faq_answer						{padding:0px 0px 0px 30px;}
/* Generic */
.hide                           {display:none;}
.left                           {float:left;}
.right                          {float:right;}


/*************************
* Layout - Don't forget to check your layout.css as well
********************************************************************************* */
html							{background:#b2b2b2 url("../images/layout/bg_html.jpg") no-repeat 50% 0%;}

/*************************
* Site Wrapper (wrapper)
********************************************************************************* */
#wrapper                        {background:#b2b2b2 url("../images/layout/bg_master.jpg") no-repeat 50% 0%;}

/*************************
* Header (hd)
********************************************************************************* */
.hdWrapper						{}
#hd                             {height:190px;}

#hdRow01                        {height:130px;}
#hdRow01 .logoJax				{float:right; width:140px; height:60px; margin:50px 40px 0px 0px;}
#hdRow01 .logoApp				{float:left; width:450px; height:60px; margin:40px 0px 0px 80px;}

#hdRow02                        {height:60px; padding:15px 10px 0px 535px;}
#hdRow02 #dv_searchForWrap		{float:left;}
#hdRow02 #dv_searchParamWrap	{}


/*************************
* Body (bd)
********************************************************************************* */
#bd                             {margin:0px;}
.ie6 #bd                        {display:inline-block;}

/*************************
* Navigation (nav)
********************************************************************************* */
#navWrapper						{display:none;}
#nav                            {padding:0px 0px 0px 0px; float:left;}
/* check sub.master for your nav control type.  nav controls listed below */

/*************************
* Content (content)
********************************************************************************* */

#contentWrapper					{background:transparent url("../images/layout/bg_content.jpg") no-repeat 50% 0%; overflow:hidden; width:100%;}
.ie6 #contentWrapper			{margin-top:-14px;}
#content                        {min-height:440px; background-color:transparent; margin:0px 30px 0px 30px; padding:20px 20px 0px 20px;}
.welcomeWrapper					{margin:75px;}
.welcomeTxt						{width:460px; float:left; font:normal 13px/20px tahoma, sans-serif;}
.welcomeImg						{float:right;}
.vendorHdr						{font-weight:bold;}

/*************************
* Sidebar (sidebar)
********************************************************************************* */
#sidebar                        {}

/*************************
* Footer (ft)   Fixed footer height is needed to help footerPush(see actions.js) work in all browsers
********************************************************************************* */
#ftWrapper                      {width:1020px; background:transparent url("../images/layout/bg_footer.jpg") no-repeat 50% 0%; clear:both; overflow:hidden; margin:0px 0px 0px 0px;}
#ftWrapper #ft                  {width:700px; margin:20px 0px 5px 40px; float:left; background-color:transparent; overflow:hidden;}
#ft .row01                      {margin:5px 0px 15px 0px;}
#ft .row02                      {font-size:10px;}
#version						{float:left;}
#helpTxt						{padding:0px 0px 0px 90px;}
#ft .logotItd					{float:right; width:60px; height:25px;}

/*************************
* Form Layout
********************************************************************************* */
/* WIDTHS - these may need to be chagned based on design.
-------------------------------------------------------------------------------- */
	fieldset.vert ol li label				{width:10em;} 			/* width of label to accomodate text of 'average' text lengths. */
	fieldset.vert ol li.btn					{margin-left:10.9em;}		/* margin-left to line up under controls */
	fieldset.vert ol.option li				{margin-left:10em;} 	/* Must match label width above. Make optons line up since the <input> comes before the <label> */
	fieldset.vert ul.error 					{margin-left:11.5em;} 	/* Make errors line up.  = Label width + 1em (for bullet gutter) + .0em+/- just for aesthetics */
	fieldset.vert ol li span.error			{margin-left:13.52em;}	/* Margin-left = ((font-size * error-font-percentage) * (font-size / label-width-in-ems)) ex: ((13px * 0.8)*(13px / 10em)) */
	.multiline								{width:50%; height:5em;}/* Make mutliline textboxes have room for entry */

/* Generic / All Forms
-------------------------------------------------------------------------------- */
	fieldset 								{}
	fieldset .trim							{padding:0 3px;}

/* Verticle Form
-------------------------------------------------------------------------------- */
	fieldset.vert							{border:0;}
	fieldset.vert ol						{}
	fieldset.vert ol li						{margin:8px 0px; overflow:auto; clear:both;} /* overflow:auto - Forces LI to wrap the floated label. Seems to be FFX only */  /* clear:both    - Forces LI to see vertical space; but does not wrap */																				
	fieldset.vert ol li.first				{}
	fieldset.vert ol li.last				{}
	fieldset.vert ol li label				{float:left; text-align:right; padding:0 10px 0 0;} /* see WIDTHS section BELOW */
	fieldset.vert ol li input				{}
	fieldset.vert ol li span.error			{display:block; overflow:hidden;}
/* Options mixed with other form elements */
	fieldset.vert ol li.option				{}
	fieldset.vert ol li.option label		{}
	fieldset.vert ol li.option label.prompt	{float:none; display:inline; width:auto; text-align:left; padding:0 15px 0 0px;}
	fieldset.vert ol li.option input		{}
	fieldset.vert ol li.option span.error	{display:inline; margin-left:.4em;}
/* 'Option' Form elements if they're in a stand alone block */
	fieldset.vert ol.option					{}
	fieldset.vert ol.option li				{margin-top:2px; margin-bottom:2px; display:block;} /* see WIDTHS section BELOW */
	fieldset.vert ol.option li.first		{}
	fieldset.vert ol.option li.last			{}
	fieldset.vert ol.option li label		{float:none; display:inline; width:auto; text-align:left; padding:0 0 0 5px;}
	fieldset.vert ol.option li input		{}
	fieldset.vert ol.option li span.error	{display:inline; margin-left:.4em;}
/* errors */
	fieldset.vert ul.error 					{}/* see WIDTHS section BELOW */

/* Wrapping Form
-------------------------------------------------------------------------------- */
	fieldset.horiz							{border:0;}
	fieldset.horiz ol						{}
	fieldset.horiz ol li					{float:left; margin:0px 15px 5px 0; white-space:nowrap; overflow:hidden;} /* Height to allow for span.error */
	fieldset.horiz ol li.single				{float:none;} /* Must clear the float to prevent the LI from collapsing and ignroing some width formatting of elements inside */
	fieldset.horiz ol li.first				{}
	fieldset.horiz ol li.last				{margin-right:0;}
	fieldset.horiz ol li label				{display:block;}
	fieldset.horiz ol li span.error			{display:block; white-space:normal; height:auto;}
	fieldset.horiz ol li.btn				{padding-top:17px;}
	/*
	fieldset.horiz ol.noheight li			{height:auto;}
	fieldset.hoirz ol li.noheight			{height:auto;}
	*/
/* Options mixed with other form elements */
	fieldset.horiz ol li.option				{}
	fieldset.horiz ol li.option label		{}
	fieldset.horiz ol li.option label.prompt,
	fieldset.horiz ol li.option label.span	{float:none; display:inline; width:auto; text-align:left; padding:0 15px 0 0px;}
	fieldset.horiz ol li.option input		{}
/* 'Option' Form elements if they're in a stand alone block */
	fieldset.horiz ol.option				{}
	fieldset.horiz ol.option li				{}
	fieldset.horiz ol.option li.first		{}
	fieldset.horiz ol.option li.last		{}
	fieldset.horiz ol.option li label		{display:inline;}
	fieldset.horiz ol.option li input		{}

/* Errors (General)
-------------------------------------------------------------------------------- */
	fieldset ul.error,
	fieldset span.error						{color:#f00;}
/* Error block - unordered list */
	fieldset ul.error						{margin:.5em 0 .5em 2em;}
	fieldset ul.error li					{list-style: disc outside;}
/* Inline error - span */
	fieldset span.error						{font-size:80%;}

/* Field Specifics 
-------------------------------------------------------------------------------- */
	.multiline								{}/* see WIDTHS section BELOW */

/* Common Field Widths
-------------------------------------------------------------------------------- */
	.zip5									{width:3.2em;}
	.zip4									{width:2.7em;}
	.mi										{width:1.2em;}
	.streetNum								{width:6em;}
	.streetName								{}
	.streetDir								{}
	.city									{}
	.ph3									{width:2em;}
	.ph4									{width:2.5em;}
	.phext									{width:3em;}

/*************************
* Controls
********************************************************************************* */

/* Site Map Path / Breadcrumbs (siteMapPath) */
#siteMapPath                    {padding:5px 40px 0px 580px; font-size:10px; color:#fff;}
#siteMapPath a                  {color:#fff;}

/* Grid View */
.gridView						{width:100%; margin:10px 0px 10px 0px; border:none 0px #0099cc; text-align:left; vertical-align:top;}
.gridView th					{border:none 0px #1f65b2; border-bottom:solid 1px #1f65b2; padding:3px 10px 3px 10px;}
.gridView td					{border:none 0px #0099cc; border-bottom:solid 1px #ccddff; padding:3px 10px 3px 10px; vertical-align:top; white-space:nowrap;}
.gridView .btn					{}
.gridView .header				{background-color:transparent; color:#000000;}
.gridView .row					{background:#99ccff url('../images/controls/bg_gridRow.jpg') 0 0 repeat-x;}
.gridView .alternatingRow		{background-color:transparent;}
.gridView .selectedRow			{border:none 0px #0099cc; border-top:solid 1px #0099cc; border-bottom:solid 1px #0099cc; background-color:#ccffff;}
.gridView .pagination			{background-color:transparent; height:20px;}
.gridView .pagination td		{margin:0px; border:0px none #ffffff; padding:2px;}
.gridView .pagination td span	{width:20px; height:20px; background:transparent url('../images/controls/bg_gridPagActive.gif') 0 0 repeat-x; border-top:solid 1px #ffffff; padding:3px 5px 3px 5px; color:#333333; font-weight:bold;  text-align:center;}

/* Nav Unordered List */
#nav ul                         {}
#nav ul li                      {display:inline; border-right:1px solid #aaa; margin-right:6px; padding:0px 2px 3px 0px;}
#nav ul li.first                {}
#nav ul li.last                 {border:0px;}
#nav ul li.active               {}
#nav ul li a                    {}
#nav ul li.active a             {color:#000; text-decoration:none;}

/* TreeView Nav Styles */
.tree                           {}
.tree tr td                     {padding:2px 0px;}
.tree td.baseNode               {}
.tree td.rootNode               {color:#000; font-weight:bold; text-transform:uppercase; letter-spacing:1px;}
.tree td.rootNode a             {color:#007cb7;}
.tree td.parentNode             {color:#000; font-weight:bold; text-transform:uppercase; letter-spacing:1px; font-size:0.95em;}
.tree td.parentNode a           {color:#007cb7;}
.tree td.leafNode               {}
.tree a.selectedNode            {color:#bbb;}
.tree td.hoverNode              {}

/* TreeView *List* Nav Styles */
.treeList                       {font:normal 12px/20px tahoma, sans-serif;}
.treeList table                 {width:100%;}
.treeList tr td                 {padding:0px 0px; text-align:left;}
.treeList td.baseNode           {}
.treeList td.rootNode           {}
.treeList td.rootNode a         {color:#003366;}
.treeList td.rootNode a:hover   {color:#000000; text-decoration:underline;}
.treeList td.parentNode         {padding-top:15px; color:#000000; font-weight:bold;}
.treeList td.parentNode a       {color:#000000;}
.treeList td.parentNode a:hover {}
.treeList td.leafNode           {}
.treeList td.leafNode a         {color:#000000;}
.treeList td.leafNode a:hover   {color:#000000; text-decoration:underline;}
.treeList a.selectedNode        {color:#000000;}
.treeList td.hoverNode          {}

/* Horizontal  Menu */
.menuHoriz                      {border-collapse:collapse; background:#eee; border:1px solid #ccc;}
    /* Top, root nav items */
.staticMenuHoriz                {} /* Main menu chunk */
.staticMenuItemHoriz            {} /* Each individual nav item */
.staticHoverHoriz               {} /* Hover state */
.staticSelectedHoriz            {} /* Active state; only used when there are no child elements */
    /* All child / grandchild items */
.dynamicMenuHoriz               {border:1px solid #ccc; border-bottom:none;} /* Main menu chunk */
.dynamicMenuItemHoriz           {background:#ddd; border-bottom:1px solid #ccc;} /* Each individual nav item */
a.dynamicMenuItemHoriz:hover    {background:url(../images/controls/menu/goarrow.gif) no-repeat 98% 50%;}
.dynamicHoverHoriz              {background:#eee;} /* Hover state */
.dynamicSelectedHoriz           {background:#e5e5e5;} /* Active state */
    /* Level 0 - Main/Root */
table.level0SubMenuHoriz        {}
table.level0MenuItemHoriz       {width:140px;}
a.level0MenuItemHoriz           {display:block; padding:3px 0px 3px 4px;}
div.level0SelectedHoriz         {}
table.level0SelectedHoriz       {}
a.level0SelectedHoriz           {}
    /* Level 1 - Child */
div.level1SubMenuHoriz          {border-top:0px; background:url(../images/controls/menu/submenutopper.gif) no-repeat 50% 0% #ddd;}
div.level1SubMenuHoriz table    {margin-top:10px}
div.level1SubMenuHoriz table table   {margin-top:0px !important;}    
table.level1MenuItemHoriz       {width:138px;}
a.level1MenuItemHoriz           {display:block; padding:3px 0px 3px 3px; text-align:left;}
a.level1MenuItemHoriz:hover     {}
div.level1SelectedHoriz         {}
table.level1SelectedHoriz       {}
a.level1SelectedHoriz           {}
    /* Level 2 - Grandchild */
div.level2SubMenuHoriz          {}
table.level2SubMenuHoriz        {}    
table.level2MenuItemHoriz       {width:138px;}
a.level2MenuItemHoriz           {display:block; padding:3px 0px 3px 3px;}
div.level2SelectedHoriz         {}
table.level2SelectedHoriz       {}
a.level2SelectedHoriz           {}
    /* Level 3 - Greatgrandchild */
table.level0SubMenuHoriz        {}
table.level0MenuItemHoriz       {}
a.level0MenuItemHoriz           {}
div.level0SelectedHoriz         {}
table.level0SelectedHoriz       {}
a.level0SelectedHoriz           {}


/* Vertical  Menu */
.menuVert                       {border-collapse:collapse; border:none 0px #ccc; margin:0px 0px 0px 5px;}
    /* Top, root nav items */
.staticMenuVert                 {} /* Main menu chunk */
.staticMenuItemVert             {} /* Each individual nav item */
.staticHoverVert                {background-color:#ffcc00;} /* Hover state */
.staticSelectedVert             {background-color:#fff;  border:solid 1px #ccc; border-right:none 0px #fff} /* Active state; only used when there are no child elements */
    /* All child / grandchild items */
.dynamicMenuVert                {border:none 0px #ccc;} /* Main menu chunk */
.dynamicMenuItemVert            {background:#ddd; border-bottom:solid 1px #ccc;} /* Each individual nav item */
a.dynamicMenuItemVert:hover     {background:url(../images/controls/menu/goarrow.gif) no-repeat 98% 50%;}
.dynamicHoverVert               {background:#eee;} /* Hover state */
.dynamicSelectedVert            {background:#e5e5e5;} /* Active state */
    /* Level 0 - Main/Root */
table.level0SubMenuVert         {}
table.level0MenuItemVert        {width:85px;}
a.level0MenuItemVert            {display:block; padding:5px 0px 5px 0px; text-align:left;}
div.level0SelectedVert          {}
table.level0SelectedVert        {}
a.level0SelectedVert            {}
    /* Level 1 - Child */
div.level1SubMenuVert           {border-top:0px; background:url(../images/controls/menu/submenuside.gif) no-repeat 0% 50% #ddd;}
div.level1SubMenuVert table     {margin-left:10px}
div.level1SubMenuVert table table   {margin-left:0px !important;}    
table.level1MenuItemVert        {width:85px;}
a.level1MenuItemVert            {display:block; padding:5px 0px 5px 0px; text-align:left;}
a.level1MenuItemVert:hover      {}
div.level1SelectedVert          {}
table.level1SelectedVert        {}
a.level1SelectedVert            {}
    /* Level 2 - Grandchild */
div.level2SubMenuVert           {}
table.level2SubMenuVert         {}    
table.level2MenuItemVert        {width:85px;}
a.level2MenuItemVert            {display:block; padding:0px;}
div.level2SelectedVert          {}
table.level2SelectedVert        {}
a.level2SelectedVert            {}
    /* Level 3 - Greatgrandchild */
table.level0SubMenuVert         {}
table.level0MenuItemVert        {}
a.level0MenuItemVert            {}
div.level0SelectedVert          {}
table.level0SelectedVert        {}
a.level0SelectedVert            {}