/* Standard Tags */
html
{
	height: 100%;
}
body
{
	margin: 0;
	height: 100%;
	width: 100%;
}
body, table, td, textarea, input, span
{
	font-family: verdana,helvetica,arial,sans-serif;
	font-size:  8pt;
}
form
{
	margin:0;
	padding:0;
	display:inline;
}
select
{
	font-size:  8pt;
}
a
{
	color:#0000C0;
}
a:hover
{
	color:#C00000;
}
h1
{
	font-family:Arial;
	font-size:11pt;
	font-weight:bold;
	margin: 8px 0px;
}

h2
{
	font-family:Arial;
	font-size:11pt;
	font-weight:bold;
	margin: 8px 0px;
}

h3
{
	font-family:Arial;
	font-size:10pt;
	font-weight:bold;
	margin: 10px 0px;
}
p 
{
	margin-top: 0px; /* !L - fit the paragraph to the top of parent box */
	margin-bottom: 1em; /* !L - makes a one line space under each paragraph */
}
hr
{
	height:1px;
	border-top:1px solid #c0c0c0;
}
ul.List
{
	margin:0; padding:0 0 0 15px; text-indent:-12px; list-style-position: inside;
}
ul.List li
{
	margin-bottom:1px; margin-right:10px; padding:0;
}

/* Custom Styles */
div.PageContainer                 {min-height:100%; width:900px; border-width:0 1px 0 1px;	border-color:Gray; border-style:solid; margin:0 auto; background-color:#ffffff; text-align:left;}
* html div.PageContainer          {height:100%;}

/* Page Sections - Allow for header and footer area */
div.PageTopSection                {position:relative; min-height:100%;}
* html div.PageTopSection         {height:100%;}

div.PageHeaderSection             {overflow:hidden;}
div.PageContentSection            {padding-bottom:4.0em; margin:5px; border:1px solid white;}
* html div.PageContentSection     {overflow:visible; height:1%;}

div.PageFooterSection             {position:relative; width:900px; height:3.5em; margin:-3.6em auto 0 auto; text-align:left; border-top:1px solid #FFFFFF;}
/* End Sections */

/* Header and Footer */
.HeaderTopBar                     {background-color:#0D3D7B; overflow:hidden;}
* html .HeaderTopBar              {overflow:visible; height:1%;}
.HeaderMenuContainer              {float:right; margin-right:1em; overflow:hidden;}
.HeaderGraphic                    {display:block; margin:0;}

div.HeaderSearch                  {float:right; width:205px; text-align:right;}
#tblSiteSearch                    {margin-top:1px;}
* html #tblSiteSearch             {margin-top:auto;}
#tblSiteSearch td                 {vertical-align:top; padding:1px;}
#search                           {margin-left:5px; width:160px; border:1px solid white;}
#btnSiteSearch                    {border:1px solid #600000; padding:1px 1px 0 1px; color:#ffffff; background-color:#999999;}

div.FooterCopyright               {margin:10px 10px auto 0; text-align:right; color:#999999; font-size:7pt;}
/* End Header */

div.ContentLeft                   {float:left; width:155px;}
div.ContentRight                  {float:right; width:712px; margin:5px 0 0 15px;}

.PageTitle                        {margin-bottom:10px; font-size:10pt; font-weight:bold;}
.TopicHeader                      {padding:0.25em; color:#0D3D7B; border:1px solid #6699C0; background-image:url('~/media/images/bg_bluegrad2 jpg.ashx'); background-repeat:repeat-x; background-position:bottom left;}
div.ContentRight .TopicHeader     {margin:10px 0;}

.ButtonList ul                    {padding:0; margin:0 0 1.25em 0; list-style:none;}
.ButtonList li                    {margin:0 0 2px 0; padding:0; border:1px solid #6699C0; background-image:url('~/media/images/bg_bluegrad2 jpg.ashx'); background-repeat:repeat-x; background-position:bottom left; overflow:hidden;}
.ButtonList li:hover              {border:1px solid #336699;}
.ButtonList a                     {display:block; margin:0 0 0 18px; padding:3px 0 3px 3px; color:#0D3D7B; border-left:1px solid #6699C0; text-decoration:none; outline:0;}
.ButtonList a:hover               {color:#114477; border-left:1px solid #336699;}
.ButtonList div.box3d             {float:left; width:10px; height:9px; margin:4px 0 3px 3px; border:1px solid; border-color:#ccc #fff #fff #ccc;}
* html .ButtonList div.box3d      {display:inline; font-size:0;}
.ButtonList li:hover div.box3d    {border-color:#fff #6699C0 #6699C0 #fff;}

.HorizButtonList                  {margin:10px 0; padding:0; overflow:hidden;}
* html .HorizButtonList           {overflow:visible; height:1%;}
.HorizButtonList a                {display:block; min-width:100px; text-align:center; padding:3px; color:#0D3D7B; text-decoration:none; outline:0; border-width:1px; border-style:solid; border-color:#d6ebfb #6699C0 #6699C0 #d6ebfb; background-image:url('~/media/images/bg_bluegrad2 jpg.ashx'); background-repeat:repeat-x; background-position:bottom left;}
* html .HorizButtonList a         {width:100px;}
.HorizButtonList a:hover          {color:#114477; border:1px solid #336699;}

.MDButtonList                     {margin:0; padding:0;}
.MDButtonList a                   {display:block; min-width:120px; margin-bottom:5px; border-width:1px; border-style:solid; border-color:#d6ebfb #6699C0 #6699C0 #d6ebfb; text-align:center; padding:6px; color:#0D3D7B; text-decoration:none; outline:0; background-image:url('~/media/images/bg_bluegrad2 jpg.ashx'); background-repeat:repeat-x; background-position:bottom left; background-color:white;}
* html .MDButtonList a            {width:120px;}
.MDButtonList a:hover             {color:#114477; border-color:#336699;}
.MDButtonList a.Attention         {background-image:url('~/media/images/mdbtn_bg_green jpg.ashx'); border-color:#9bf896 #2a682b #2a682b #9bf896; color:#FFFFFF; font-weight:bold;}
.MDButtonList a.Attention:hover   {color:#FFFFFF; border-color:#2a682b;}

.SideBanner                       {margin-bottom:1.25em; padding:0.25em; color:#0D3D7B; border:1px solid #6699C0; background-color:#ddecf8;}
.SideBanner div.BannerHeading     {margin-bottom:0.25em; font-weight:bold; border-bottom:1px solid #6699C0;}

.SideBannerDark                   {margin-bottom:1.25em; padding:0.25em; color:#FFFFFF; border:1px solid #3b4f65; background-color:#5D7B9D;}
.SideBannerDark div.BannerHeading {margin-bottom:0.25em; font-weight:bold; border-bottom:1px solid #ddecf8;}
.SideBannerDark a                 {color:#FFFFFF;}
.SideBannerDark a:hover           {color:#C00000;}

.ShadedBox                        {border:1px solid #6699C0; background-color:#ddecf8;}
.ShadedBox .BoxBody               {padding:5px;}

.ContentBanner                    {padding:0.25em; color:#0D3D7B; border:1px solid #6699C0; background-color:#f3f8fc;}
.ContentBanner div.BannerHeading  {margin-bottom:0.25em; font-weight:bold; border-bottom:1px solid #6699C0;}

#RelatedLinks                     {margin-top:1.25em;}

.LinkList ul                      {padding:0 0 0 1.3em; margin:0; text-indent:-1.3em; list-style:none; font-size:9pt;}
.LinkList li                      {margin:0.5em 0; padding:0;}
.LinkList img                     {margin-right:0.4em; vertical-align:middle;}
.LinkList a                       {margin:0; font-size:9pt;}

.FolderList                       {margin:1em 1.5em; list-style:none;}
.FolderList ul                    {margin:1em 1.5em; list-style:none;}
.FolderList li                    {margin:0.5em 0; padding:0;}
.FolderList img                   {margin-right:0.4em; vertical-align:middle;}

.DoubleSpacedList                 {margin:1em 2em;}
.DoubleSpacedList li              {margin:1em 0;}

.SiteMapLinks .TopLevel           {display:block; float:left; width:300px; padding:0; margin:10px 0; list-style:none;}
.SiteMapLinks li                  {margin:0.5em 0; padding:0;}
.SiteMapLinks li ul               {padding:0; margin:0 0 0 10px; list-style:none;}
.SiteMapLinks img                 {margin-right:0.4em; vertical-align:middle;}
.SiteMapLinks a                   {margin:0; text-decoration:none;}
.SiteMapLinks a.Root              {margin:0; text-decoration:underline; font-size:9pt; font-weight:bold; color:#000000;}
.SiteMapLinks a.Root:hover        {color:#C00000;}

#ContentHome .ContentBox              {float:left; width:208px; height:189px; border-width:0 1px 1px 1px; border-style:solid; border-color:#D6D6D6; background-image:url('~/media/images/bg_gradgray_tall jpg.ashx'); background-position:top left; background-repeat:repeat-x;}
#ContentHome .ContentBox a            {color:#455D7A; text-decoration:none;}
#ContentHome .ContentBox a:hover      {color:#C00000;}
#ContentHome .ContentBox .Content     {height:140px; margin:8px 5px 0 5px; border-bottom:1px solid #d9d9d9;}
#ContentHome .ContentBox .HeadLink    {display:block; margin:0 0 8px 0; color:#455D7A; font-family:Arial; font-size:11pt; font-weight:bold;}
#ContentHome .ContentBox .MoreLink    {height:25px; margin:6px 5px 0 5px; overflow:auto;}
#ContentHome .ContentBox .MoreLink img      {border:0; float:right;}
#ContentHome .ContentBox .MoreLink img.Left {border:0; float:left;}
#ContentHome #MailingLists            {margin-right:15px;}
#ContentHome #MailingLists .ColorBar  {border:3px solid #900000;}

#ContentHome #Marketing               {margin-right:15px;}
#ContentHome #Marketing .ColorBar     {border:3px solid #009000;}

#ContentHome #Mapping                 {margin-right:15px;}
#ContentHome #Mapping .ColorBar       {border:3px solid #000090;}

#ContentHome #Tools                   {height:114px;}
#ContentHome #Tools .HeadLink         {margin: 4px 0px;}
#ContentHome #Tools .ColorBar         {border:3px solid #E3A600;}
#ContentHome #Tools .Content          {height:65px; border-bottom:none;}

#ContentHome #Faq                     {margin-top: 10px; height:64px;}
#ContentHome #Faq .HeadLink           {margin: 4px 0px;}
#ContentHome #Faq .ColorBar           {border:3px solid #6d3b8a;}
#ContentHome #Faq .Content            {height:auto; border-bottom:none;}

#ContentHome #Company                 {float:right; height:228px; margin-right:3px; background-position:bottom left;}
#ContentHome #Company .ColorBar       {border:2px solid #0D3D7B;}
#ContentHome #Company .Content        {height:auto; border-bottom:none;}

.HomeNews                           {margin:12px 3px 12px 0; border-width:1px; border-style:dotted; border-color:#D6D6D6;}
.HomeNews .Content                  {margin:5px;}
.HomeNews .Title                    {color:#455D7A; text-decoration:none;}
.HomeNews .Title:hover              {color:#C00000;}
.HomeNews .Separator                {float:left; height:100px; margin:0 10px; border-left:1px solid #CCCCCC;}
.HomeNews .ArticlePreview           {float:left; width:425px; margin:0.5em 0;}
.HomeNews .ArticlePreview .Caption  {display:block; margin:0 0 5px 0; font-weight:bold; outline:none;}
.HomeNews .ArticlePreview .Text     {margin:0 5px 5px 0;}
.HomeNews .ArticlePreview .MoreInfo {display:block; margin:0.2em 1em; text-align:right; font-size:7pt;}

.HomeNews .ArticlePreviewWithImage           {float:left; width:425px; margin:0.5em 0;}
.HomeNews .ArticlePreviewWithImage .Image    {display:block; float:left; margin:2px 0 0 0; border:none;}
.HomeNews .ArticlePreviewWithImage .Caption  {display:block; margin:0 0 8px 0; font-weight:bold; outline:none;}
.HomeNews .ArticlePreviewWithImage div.Text  {margin:0 5px 0 90px;}
.HomeNews .ArticlePreviewWithImage .MoreInfo {display:block; margin:0.2em 1em; text-align:right; font-size:7pt;}

#ProductApps .ThumbLink           {float:left; width:120px; height:100px; margin:5px 3px 3px 3px; border:1px solid #6699C0; background-color:#EFF5FF; overflow:hidden;}
#ProductApps .ThumbLink img       {margin-top:2.0em; width:120px; height:85px;}
#ProductApps .ThumbLink a.Title   {position:absolute; z-index:10; display:block; width:118px; padding:0.1em; background-color:#EFF5FF; font-weight:bold; text-decoration:none; overflow:visible;}

div.ItemPreviewWithImage                 {display:table; min-height:84px; width:99%; margin:0 0 1em 0;}
div.ItemPreviewWithImage .Image          {display:block; float:left; width:80px; margin:5px 0; border:none;}
div.ItemPreviewWithImage .CenterMiddle   {display:table-cell; vertical-align:middle; width:87%;}
div.ItemPreviewWithImage .Caption        {display:block; margin:5px 5px 5px 10px; font-weight:bold; outline:none;}
div.ItemPreviewWithImage div.Text        {margin:0 5px 3px 10px;}
div.ItemPreviewWithImage .MoreInfo       {display:block; margin:0.2em 1em; text-align:right; font-size:7pt;}
/* Hacks below are for IE only - to implement vertical centering */
div.ItemPreviewWithImage                 {#position:relative; #height:95px; #overflow:hidden;}
div.ItemPreviewWithImage .CenterMiddle   {#position:absolute; #top:50%;}
div.ItemPreviewWithImage .CenterMiddleIE {#position: relative;  #top: -50%}

div.ItemPreview                   {overflow:auto; width:99%; margin:0.5em 0;}
div.ItemPreview .Caption          {display:block; margin:5px; font-weight:bold; outline:none;}
div.ItemPreview div.Text          {margin:0 5px 5px 1.6em;}
div.ItemPreview .MoreInfo         {display:block; margin:0.2em 1em; text-align:right; font-size:7pt;}

div.GalleryThumbnail              {float:left; margin:0 20px 10px 0; padding:5px; border:1px solid #ccc;}
div.GalleryThumbnail a            {outline:0;}
div.GalleryThumbnail .Caption     {width:180px; height:2.5em; margin-bottom:2px; text-align:center;}
div.GalleryThumbnail .Thumb       {display:block;}
div.GalleryThumbnail .Fav         {display:block; width:180px; height:14px; margin-top:2px; text-decoration:none;}
div.GalleryThumbnail .Zoom        {display:block; width:180px; margin-top:2px; text-decoration:none;}

.PageCaption                      {margin:10px 0; font-size:12pt; font-weight:bold; font-family:Arial;}
div.ProductPageLeft               {float:left; width:200px;}
div.ProductPageLeft .ProductImage {width:200px; border:none;}
div.ProductPageLeft .LinkList a   {font-size:8pt;}
div.ProductPageApps .LinkList a   {font-size:8pt;}
div.ProductPageRight              {margin-left:210px;}
* html div.ProductPageRight       {height:1%;}
div.ProductSummary                {padding:0 3px 0 3px;}
table.ProductDetail               {margin:5px; width:97%; border:1px solid #c0c0c0; border-bottom:none;}
table.ProductDetail .ProductAttribute {width:45%; font-weight:bold; border-right:1px solid #c0c0c0; white-space:nowrap;}
table.ProductDetail td            {border-bottom:1px solid #c0c0c0;}
div.ProductThumb                  {float:left; width:90px; height:120px; margin:0 5px 8px 4px; border:1px solid #e0e0e0; padding:3px;}
div.ProductThumb img.Image        {margin:5px auto; width:80px; height:80px; border:none;}
div.ProductThumb a.Title          {display:block; overflow:hidden; height:2.4em; padding:0.1em; text-decoration:none;}

#LoginForm                        {padding:5px;}
#LoginForm .LoginTable            {width:99%;}
#LoginForm .TextBox               {border:1px solid #999999;}
#LoginForm .Button                {border:1px solid #999999;}

div.FileShareForm                 {margin:20px auto; width:520px; border:1px solid #e0e0e0;}
div.FileShareForm .Header         {padding:5px 0 0 10px; height:25px; background-color:#B0B0B0; color:#ffffff; font-size:10pt;}
div.FileShareForm .FormTable      {margin:5px;}
div.FileShareForm .TextBox        {width:350px; border:1px solid #999999;}
div.FileShareForm .Button         {border:1px solid #999999;}
div.FileShareForm img             {margin:10px 10px 0 5px;}

/* Count engine styles */
#divContainer #divGrid            {overflow:auto; min-height:200px; width:570px; border:1px solid #6699C0; background-color:#DFE5EF;}
#divContainer #divGrid table      {background-color:White; border-color:#6699C0; border-width:1px; border-style:None;}
#divContainer #divGrid table tr   {color:Black; background-color:#DFE5EF; height:2.2em;}
#divContainer #divGrid table tr td table    {background-color:Transparent;}
#divContainer #divGrid table tr td table tr {background-color:Transparent; height:auto;}

/* Shopping styles */
#divCartContainer table              {background-color:White; border-color:#6699C0; border-width:1px; border-style:Solid;}
table tr.HeaderRow {color:White; background-color:#5D7B9D;}
table tr.BodyRow   {color:Black;background-color:#DFE5EF;}
#divTotalsContainer #Totals          {float: right; border:#6699c0 1px solid;}
#divTotalsContainer #Totals td.LeftColumn     {border-right: #6699c0 1px solid; border-bottom: white 1px solid; background-color: #dfe5ef;}
#divTotalsContainer #Totals td.LeftColumnLast {border-right: #6699c0 1px solid; background-color: #dfe5ef;}
.checkoutbox .tablewrap              {padding:5px; background-color:#F7FDFF; border-style:solid; border-color:#6699C0; border-width:0 1px 1px 1px;}
.checkoutbox #Totals td.LeftColumn     {border-right: #6699c0 1px solid; border-bottom: white 1px solid; background-color: #F7FDFF;}
.checkoutbox #Totals td.LeftColumnLast {border-right: #6699c0 1px solid; background-color: #F7FDFF;}