﻿@import url(CSS/SiteMap.css);
@import url(CSS/IPProgram.css);
@import url(CSS/NewsMaster.css);

*
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
}

body
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background-image: url(images/carbon-bckgrd.gif);
   background-repeat: repeat-x;
   background-color: #939498;
   font-size: 11px;
   font-style: normal;
   line-height: 16px;
   font-weight: normal;
   color: #4A5053;
   text-align: left;
}
a
{
  /* text-decoration: none; /*olor: inherit; */
}

ul
{
   margin-left: 15px;
}

li
{
   margin-top: 5px;
   margin-right: 15px;
   margin-bottom: 5px;
   margin-left: 30px;
}
#logo
{
   position: absolute;
   width: 217px;
   height: 100px;
   top: 0px;
   left: 0px;
   border-style: none; /* margin: 0px 0px 0px 0px;    padding: 0px 0px 0px 0px;*/
}

#screenshot
{
   float: right;
   display: block;
   width: 290px;
   margin: 15px;
   text-align: center;
   font-weight: bold;
}

p
{
   margin-top: 5px;
   margin-bottom: 10px;
   padding-right: 4px;
}

hr
{
   margin-left: 15px;
   margin-right: 15px;
}

h1, h2, h3
{
   font-weight: bold;
   color: #4C0202;
   padding-bottom: 3px;
   padding-left: 15px;
   margin-top: 15px;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: #7C7E80;
}
h1
{
   font-size: 17px;
   line-height: 19px;
   background-image: url(images/mainhead-bullet.gif);
   background-repeat: no-repeat;
   margin-bottom: 0px;
   margin-right: 5px;
}
h2
{
   font-size: 14px;
   line-height: 18px;
   font-weight: normal;
   padding: 0px;
   margin-bottom: 10px;
   overflow: auto;
}



h3
{
   border-style: none;
   background-image: url(images/arrow-r.gif);
   background-repeat: no-repeat;
   background-position: left 5px;
   vertical-align: top;
   color: #4a5053;
   font-weight: bold;
   font-size: 11px;
   line-height: 16px;
}

h3 a
{
   color: inherit;
   text-decoration: underline;
}
h3 a:hover
{
   text-decoration: none;
}

.formLabel
{
   float: left;
   width: 10em;
   text-align: right;
   clear: left;
   margin-right: 15px;
}

.formInput
{
   
  width: auto;
}

#content
{
   width: 802;
   left: 0px;
   float: left;
   clear: both;
   position: static;
}

#footer_cc
{
   float: left;
   clear: both;
   width: 100%;
   position: static;
}

#header
{
   position: static;
   float: left;
   clear: both;
   height: 121px;
   top: 0;
   left: 0;
   display: block;
}
#header img
{
   position: static;
   border-style: none;
   border-width: 0px;
   background-color: Transparent;
   color: White;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
#pagecenter
{
   width: 802px;
   margin-left: auto;
   margin-right: auto;
}
#page
{
   background-image: none;
   width: 802px;
   position: absolute;
}

#nav li
{
   height: 26px;
   width: 152px;
   font-family: Verdana;
   text-align: center;
   font-size: 10pt;
   float: right;
   padding: 0px;
   margin: 0px;
   list-style-type: none;
}
#nav a:hover
{
   background-image: url(images/layout/btnon-trans.png);
   color: #D79831;
}
#nav a
{
   height: 26px;
   display: block;
   background-color: Transparent;
   background-image: url(images/layout/btnoff-trans.png);
   font-weight: bold;
   text-decoration: none;
   color: #700902;
   line-height: 25px;
   vertical-align: middle;
}

#nav ul
{
   padding: 0px;
   margin: 0px;
}


#nav
{
   height: 26px;
   position: absolute;
   right: 5px;
   padding: 0px;
   margin: 0px;
   top: 74px;
   color: White;
}

#CornerNav
{
   right: 0;
   top: 5px;
   position: absolute;
}


#CornerNav ul
{
   margin-right: 8px;
}

#CornerNav li
{
   background-color: Transparent;
   font-family: Verdana;
   text-align: center;
   margin: 0px;
   color: White;
   display: block;
   float: right;
   color: #D79831;
   list-style-type: none;
}
#CornerNav a:hover
{
   color: #D79831;
}

#CornerNav a
{
   color: White;
   text-decoration: none;
}

.hiddenPic
{
   display: none;
}

#mainWrap-3Col
{
   display: inline-block;
   background-image: url(images/home-cont-bckgrd.gif);
   background-repeat: repeat-y;
   margin: 0 0 0 0;
   width: 802px;
}

#HomeRightColumns
{
   float: right;
   width: 571px;
   padding-right: 8px; /* The folowing display: inline; is to deal with IE6 bugs.    If it is taken out, the right side of the main page drops     because the floats overlap */
   display: inline;
}
#HomeLeftCol
{
   float: left;
   width: 217px;
}

#HomeLeftCol a
{
   text-decoration: none;
}

#HomeColOne
{
   float: left;
   width: 370px;
}
#HomeColTwo
{
   width: 200px;
   float: right;
}
#MainSplash
{
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   width: 575px;
   height: 308px;
   background-color: Transparent;
}
#MainSplash object
{
   position: absolute;
   right: 1px;
   display: block;
   margin: 0 0 0 0;
   padding: 0;
   width: 585px;
   height: 308px;
   background-color: Transparent;
}
#HomeColTwo img
{
   display: block;
   border: none;
   margin-right: auto;
   margin-left: auto;
}

#HomeColTwo ul
{
   margin-left: auto;
   margin-right: auto;
   margin-top: auto;
   margin-bottom: auto;
   display: block;
   list-style-image: none;
   list-style-type: none;
}



#mainWrap
{
   /* display: inline-block;*/
   background-image: url(images/carbon-cont-bckgrd.gif);
   background-repeat: repeat-y;
   margin: 0 auto;
   width: 802px;
}
#navCol
{
   float: left;
   width: 217px;
}

#contCol
{
   float: right;
   width: 530px;
   padding-right: 35px;
   padding-left: 0;
}

/*
#navCol
*/
#siteMap
{
   background-image: url(images/lnav/lnav_bckgrd.gif);
   background-repeat: repeat-y;
   font-size: 10pt;
   padding: 0;
   margin: 0;
}

#siteMap a
{
   text-decoration: none;
}

.imagePopup
{
   background-color: #AAD4FF;
   border-style: solid;
   border-color: Black;
   padding: 5px;
}
.imagePopup p
{
   font-size: 11pt;
}

.modalBackground
{
   background-color: Gray;
   filter: alpha(opacity=70);
   opacity: 0.7;
}




#FrontPageNews
{
   font-size: 10px;
}

#FrontPageNews h1
{
   background-image: none;
   font-size: 18px;
   color: #4C0202;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 3px;
   padding-left: 0px;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #7C7E80;
   text-align: left;
   margin-top: 20px;
   margin-right: 14px;
   margin-bottom: 12px;
   margin-left: 12px;
}

#FrontPageNews h2
{
   /*    font-family: Verdana, Arial, Helvetica, sans-serif;    font-style: normal;    line-height: 16px;    font-weight: normal;    color: #4A5053;*/
   font-size: 10px;
   margin-top: 8px;
   margin-right: 14px;
   margin-bottom: 0px;
   margin-left: 12px;
   text-align: left;
   padding: 0px;
   background-image: none;
}

#FrontPageNews p
{
   font-size: 10px;
   font-style: normal;
   line-height: 16px;
   font-weight: bold; /*color: #4A5053;*/
   margin-top: 8px;
   margin-right: 14px;
   margin-bottom: 0px;
   margin-left: 12px;
   text-align: left;
   padding: 0px;
}
#FrontPageNews a
{
   color: #4C0202;
   text-align: right;
}
#FrontPageNews a:hover
{
   text-decoration: none;
}

#FrontPageNews a p
{
   display: block; /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
   font-style: normal;
   line-height: 16px;
   font-weight: bold;
   color: #4C0202;
   margin-top: 0px;
   margin-right: 14px;
   margin-bottom: 15px;
   margin-left: 12px;
   text-align: right;
   background-image: url(images/r-column-bullets.gif);
   background-position: right;
   background-repeat: no-repeat;
   padding-top: 0px;
   padding-right: 14px;
   padding-bottom: 0px;
   padding-left: 0px;
}

.NewsTable
{
   border-spacing: 10px;
}
.NewsDate
{
   /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
   font-size: 11px;
   font-style: normal;
   font-weight: bold; /*color: #4A5053;*/
   padding: 0px;
   margin-top: 15px;
   margin-right: 0px;
   margin-bottom: 10px;
   margin-left: 15px;
   text-align: right;
   vertical-align: top;
   width: 100px;
}


.NewsArticle
{
}

.NewsArticle p
{
   background-repeat: no-repeat;
   background-position: left 5px;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 13px;
   vertical-align: top;
}
.NewsArticle h3
{
   margin-top: 0;
}

/****************************
Product Pages
****************************/
#ProductHeader
{
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: #7C7E80;
   margin-top: 5px;
}
#ProductHeader h1
{
   display: inline;
   border-style: none;
   clear: none;
   margin: 0;
}

#ProductHeader a
{
   text-align: right;
   float: right;
   background-image: url(images/pdf.png);
   background-repeat: no-repeat;
   padding-left: 20px;
}


.LeftBottomLink
{
   display: inline-block;
   font-size: 12px;
   font-style: normal;
   line-height: 16px;
   background-image: url(images/r-column-bullets.gif);
   background-repeat: no-repeat;
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 10px;
   padding-left: 15px;
   border-bottom-width: 1px;
   border-bottom-style: dotted;
   border-bottom-color: #9C9E9F;
   margin-top: 10px;
   margin-right: 15px;
   margin-bottom: 10px;
   margin-left: 15px;
   width: 150px;
}


.LeftBottomLink:link
{
   color: #4A5053;
   text-decoration: none;
}
.LeftBottomLink:visited
{
   color: #4A5053;
   text-decoration: none;
}
.rcolumn-links:hover
{
   color: #4C0202;
   text-decoration: none;
}
.rcolumn-links:active
{
   color: #4C0202;
   text-decoration: none;
}

.CalloutBox
{
   background: #CCCCCC;
   border-style: solid;
   border-width: 3px;
   color: #4C0202;
   border-color: #4C0202;
   font-weight: bold;
   padding: 2px;
   margin-right: 10px;
}

.CalloutBox a
{
   background: #920206;
   color: #F1C63F;
   font-weight: bold;
   padding: 2px;
   padding-right: 20px;
   background-image: url(images/layout/yellow-bullet-arrow.gif);
   background-repeat: no-repeat;
   background-position: right;
}

.PartnerTable
{
width: 475px;
}
.PartnerTable td
{
padding: 5px;
}