/******************************************************************************************************
 * This file represents the common styles used throughout all the pages on the site. It defines all
 * layout rules, base font styles, and common content elements.
 ******************************************************************************************************/

/** Global Zero Out ***********************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}

 
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font: 62.5%/1.5 Arial, Helvetica, sans-serif;
    background-color: #020925; /* url(Images/Global/background.jpg) no-repeat 50% 0; */
    color: #000;
}

input {
    outline: none;
}

p, td, li {
    font-size: 1.2em;
    line-height:1.2em;
}
p, td, li, h1, h2, h3, h4, h5, h6, td, span{
    text-align:left;
}

img {
	border: 0;
}

object, embed {
    outline: none;
    border: 0;
}

/** Layout **********************************************************************************************/

body {
    text-align: center;
    padding-bottom: 3em;
}

#Stars {
    background: url(Images/Global/background.jpg) no-repeat 50% 0;
    min-width:  960px;
    min-height: 625px;
}

#Page {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

#Header {
    height: 165px;
}

#Presentation {
    float: left;
    min-height: 460px;
    background: #fff;
}

#Presenation #Content,
#Presenation #Sidebar {
    text-align: left;
    font-size: 1.5em;
}

.Breadcrumbs {
    display: block;
    /* margin-bottom: 1em; */
}

.OneColumn{
    width: 960px;
    padding: 0 0 12px 0;
}
.TwoColumn{
    padding: 12px 0 12px 28px;
}

.OneColumn #Content {
    width: 960px;
    float: left;
    text-align: left;
}
.OneColumnPadded{
	padding: 12px 28px 0 28px;
}
.OneColumnPlain p{
	padding:0 0 16px 0;
}

.TwoColumn #Content {
    width: 668px;
    float: left;
    text-align: left;
}

.TwoColumn #Sidebar {
    width: 232px;
    float: right;
    text-align: left;
    padding: 0 16px;
}

#Footer {
    clear: both;
}

#Twinkle {
    position: absolute;
    min-width: 960px;
    min-height: 625px;
    overflow: hidden;
    width: 100%;
    left: 0;
}

/** Header **********************************************************************************************/

#Header {
    position: relative;
    z-index:		99;
}

#Header #Logo a {
    display: block;
    font-size: 0;
    text-indent: -9999px;
    overflow: hidden;
    outline: none;
    width: 360px;
    height: 115px;
    position: absolute;
    left: -20px;
}

#Header #Tagline {
    text-indent: -9999px;
    overflow: hidden;
    outline: none;
}

#Header #Callout {
    position: absolute;
    right: 52px;
    top: 40px;
}

#Header #Callout a {
    background: url(Images/Global/header-free-sample.gif) no-repeat 0 0;
    width: 122px;
    height: 77px;
    display: block;
    font-size: 0;
    text-indent: -9999px;
    overflow: hidden;
    outline: none;
}

#Header #Tools {
    background: url(Images/Global/header-tools-background.gif) no-repeat 0 5px;
    height: 35px;
    min-width: 178px;
    position: absolute;
    right: 32px;
    top: 4px;   
}

#Header #Tools .ToolsContent {
    background: url(Images/Global/header-tools-quill.gif) no-repeat right 2px;
    line-height: 33px;
    padding: 0 44px 0 16px;
    font-weight: bold;
    font-size: 14px;
    height: 33px;
    color: #fff;
    position: relative;
    white-space: nowrap;
    right: -16px;
}

#Header #Tools .ToolsContent .Welcome {
    white-space: nowrap;
}

#Header #Tools a {
    color: #fff;
    text-decoration: none;
}

#Header #Tools a:hover,
#Header #Tools a:focus {
    color: #1c526f;
}

#Header #Navigation {
    background: url(Images/Global/header-nav-background.jpg) top left no-repeat;
    position: absolute;
    height: 42px;
    width: 960px;
    top: 123px;
    left: 0;
}

#Header .NavigationMenu,
#Header .NavigationMenu * {
    margin:  0;
    padding: 0;
    list-style: none;
}

#Header .NavigationMenu {
	line-height: 1.0;
}

#Header .NavigationMenu li {
    margin:  0;
    padding: 0;
    background: none;
    line-height: normal;
    position: relative;
    float: left;
}

#Header .NavigationMenu a {
    display: block;
}

#Header .NavigationMenu ul {
	position: absolute;
	min-width: 170px;
	float: left;
	top: -999em;
}

#Header .NavigationMenu ul li {
	position: relative;
	z-index:		99;
	float: none;
}

#Header .NavigationMenu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

#Header .NavigationMenu li:hover ul,
#Header .NavigationMenu li.sfHover ul {
	left:			0;
	top:			34px; /* match top ul list item height */
	z-index:		99;
}

#Header .NavigationMenu a.Tab {
    height: 34px;
    position: relative;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    outline: none;
    font-size: 0;
    cursor:pointer;
}

#Header .NavigationMenu a.Tab:hover, 
#Header .NavigationMenu a.Tab:focus {
    background-position: 0 -34px;
}

#Header .NavigationMenu a.TabSelected,
#Header .NavigationMenu a.TabSelected:hover {
    background-position: 0 -68px;
}

#Header .NavigationMenu a.TabHome     { width:  86px; background-image: url(Images/Global/header-nav-tab-home.gif); }
#Header .NavigationMenu a.TabProducts { width: 175px; background-image: url(Images/Global/header-nav-tab-products.gif); }
#Header .NavigationMenu a.TabBasics   { width: 165px; background-image: url(Images/Global/header-nav-tab-basics.gif); }
#Header .NavigationMenu a.TabSharing  { width: 171px; background-image: url(Images/Global/header-nav-tab-sharing.gif); }
#Header .NavigationMenu a.TabReady    { width: 142px; background-image: url(Images/Global/header-nav-tab-ready.gif); }

#Header .NavigationMenu .SubMenu {
    background: #b6d5e7 url(Images/Global/header-nav-drop-background.gif) repeat-x 0 0;
    padding-top: 8px;
}

#Header .NavigationMenu .SubMenu li ul,
#Header .NavigationMenu .SubMenu li:hover ul,
#Header .NavigationMenu .SubMenu li.sfHover ul {
    background-image: none;
    padding-top: 0;
	left: 100%;
	top: 0;
}

#Header .NavigationMenu .SubMenu li ul {
    display: none;
}
 
#Header .NavigationMenu .SubMenu a {
    background: #b6d5e7 url(Images/Global/header-nav-item-background.gif) repeat-x 0 0;
    text-decoration: none;
    color: #002c53;
    font-size: 13px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    padding: 0 8px;
    white-space: nowrap;
    display: block;
}

*:first-child+html #Header .NavigationMenu .SubMenu a {
    min-width: 100%; /* Fixes IE7 width: 100% bug */
}

#Header .NavigationMenu .SubMenu a:hover {
    background-position: 0 -24px;
}

#Header .Search {
    background: url(Images/Global/header-search-background.gif) no-repeat;
    text-align: left;
    position: absolute;
    width: 185px;
    height: 24px;
    right: 16px;
    top: 6px;
}

#Header .Search .TextBox {
    border: none;
    background: none;
    position: absolute;
    width: 135px;
    padding: 4px 6px
}

#Header .Search .Submit {
    background: url(Images/Global/header-search-submit.gif) no-repeat;
    position: absolute;
    border: none;
    width: 37px;
    height: 22px;
    right: 2px;
    top: 1px;
}

#Header .Search .Submit:hover {
    background-position: 0 -22px;
}

/** Footer **********************************************************************************************/

#Footer {
    width: 960px;
    margin: 0 auto;
}

#Footer .FooterWrapper {
    display: inline-block;  /* Keep to avoid the IE7 double padding issue */
	text-align:left;
	clear:both;
}

#Footer a, #Footer a:visited, #Footer a:link {
	text-decoration:none;
	font-weight: inherit;
	font-family: inherit;
	color:#83CEEF;
}

#Footer a:hover, #Footer a:active{
	text-decoration:underline;
	color:#A3D5EB;
}

#Footer .FooterLeft p a { /* Overrides to prevent Channel Intelligence style corruption */
    font-size: inherit;
} 

.FooterTop{
	color:#000;
	/* width:928px; */
	background:#fff;
	height:37px;
	padding:0 16px;
}
.FooterTopContent{
	border-top:solid 1px #01325D;
	padding:7px 0 6px 50px;
	font-size:1.2em;
	font-weight:bold;
	position:relative;
	width:878px
}
.FooterTopContent span{
	padding:0 4px 0 12px;
}
h2.SubscribeFooterLabel{
    background: url(Images/Global/label_SubscribeToENewsletter.gif) no-repeat;
    width: 218px;
    height: 16px;
    position: relative;
	float: left;
	top: 2px;
	padding-right: 3px;
}
.FooterTopContent .SubscribeTextbox {
	position: relative;
	display: block;
	float: left;
}
.FooterTopContent .SubscribeTextbox label {
	margin-right: 4px;
}
.FooterTopContent .SubscribeTextbox input {
    border:solid 1px #0D4177;
	padding:2px;
	width:164px;
}
.FooterTopContent .SubscribeTextbox .ErrorIndicator {    
	background: url(Images/Global/error-indicator-inline.gif) no-repeat 0 50%;
	width: 16px;
	height: 100%;
	position: absolute;	
	right: -8px;
	top: 0;
}
.FooterTopContent .SubscribeBtn{
	position:absolute;
	right:78px;
	top:4px; /* check IE6.css for a hack */
}
.FooterTopContent p{
	float:left;
	font-size:1.0em;
	padding:4px 0 0 15px;
}
.FooterBottom {
    background: url(Images/Global/footer-gray-shadow.gif) repeat-x 0 0;
	color: #fff;
	min-height: 200px;
	padding: 28px 0 2em 0;
}
.FooterLeft {
	float:left;
	width:216px; /* 296px with 3 sections, 216px with 4 sections */
	padding:0 22px 0 12px; /* 0 35px 0 17px with 3 sections, 0 22px 0 12px with 4 sections */
}
.FooterLeft p{
	font-size:1.0em;
	line-height:1.2em;
	color:#fff;
}
p.FooterLegal {
	margin:10px 0 14px;
}

.FooterRight {
	float:left;
	width:710px; /* 612px with 3 sections, 710px with 4 sections */
}
#Footer .CountryLinks{
	border-bottom:solid 1px #4D5365;
	width:696px; /* 596px with 3 sections, 696px with 4 sections */
	margin-bottom:10px;
}
#Footer .CountryLinks ul {
    margin:0 0 3px;
    padding:0.2em 0 0 0;
    list-style:none;
}
#Footer .CountryLinks ul li {
    margin:0;
    padding:0;
    background:none;
    line-height:normal;
    display:inline;
}
#Footer .CountryLinks ul a {
    padding:0 0.4em 0 0.5em;
    background:url(Images/Global/footer-menu-separator.gif) 0 50% no-repeat;
}
#Footer .CountryLinks ul li:first-child,
#Footer .CountryLinks ul li.First a {
    background:none;
}

.FooterLinksWrapper dl{
	float:left;
	font-size:1.2em;
	line-height:1.2em;
}
.FooterLinksWrapper dl dt{
	font-weight:bold;
	padding-bottom:4px;
}

.FooterLinksP1 { width: 154px; } /* 167px with 4 sections */
.FooterLinksP2 { width: 168px; } /* 168px with 4 sections */
.FooterLinksP3 { width: 125px; } /* 160px with 4 sections */
.FooterLinksP4 { width: 156px; }

#Footer .FooterDisclaimer {
    padding: 18px;
    padding-top: 0;
    line-height: 1.25;
}

/** Basic Text Styles  ************************************************************************************/

.ImageReplacement {
    display: block;
	text-indent:-9000px;
	overflow: hidden;
	outline: none;
	line-height: 1;
	font-size: 0;
}

h4{
	font-weight:bold;
	color:#0D4177;	/* Heading Color - Dark Blue */
	font-size:1.8em;
	line-height:1.4em;
}
h5{
	font-weight:bold;
	color:#0D4177;
	font-size:1.5em;
	line-height:1.3em;
	padding-bottom:6px;
}
h6{
	font-weight:bold;
	color:#0D4177;	
	font-size:1.4em;
	line-height:1.2em;
}

a, a:visited{
	text-decoration:none;
	color:#0E7FC7;
}
a:hover, a:active{
	text-decoration:underline;
	color:#005CAB;
}

.ErrorTxt{
	color:Red;
}
.NoFlash,
.NoFlashNoScript {
    font-size: 1.8em;
    padding: 36px;
}
.NoFlash {
    text-indent: -9999px;
}
ul{
	margin-left:20px;
	list-style: none;
}
li{
	padding:3px 0 3px 11px;
	/* background:url(Images/Global/bullet1.gif) no-repeat 0 0.55em; */
}
ul.NestedList{
	margin-left:30px;
	list-style: none;
}
ul.NestedList li{
	padding:3px 0 3px 11px;
	/* background:url(Images/Global/bullet2.gif) no-repeat 0 0.55em; */
}
sup{
	font-size:0.6em;
}
blockquote{
	font-style:italic;
}


.breadcrumbs{
	font-size:1.0em;
	margin-bottom:10px;
}

.ContentStandardWidth{
	width:610px;
}
.ContentMediumWidth{
	width:630px;
}
.ContentWideWidth{
	width:655px;
}
.ContentStandardWidth p,
.ContentMediumWidth p,
.ContentWideWidth p{
	padding:0 0 16px 0;
}
p.ContentParagraph{
	padding:0 0 16px 0;
}
.ContentImageRight{
	float:right;
	margin-left:8px;
	margin-bottom:5px;
}

p.LandingPageIntroP{
	margin-bottom:22px;
}
.ShortPageWrapper p{
	margin:0 100px 10px 0;	
}

.PageTitle,
.PageHeader h2 { /* Main title for pages - Dotted blue bottom border */
    background: url(Images/Global/page-title-background.gif) repeat-x left bottom;
    margin-bottom: 0.3em;
    font-weight:bold;
    font-size:1.8em;
	color:#0D4177;
    height: 34px;
    line-height: 34px;
}

.PageSummary,
.PageHeader p {
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 0.5em;
    color: #000;
}


/** Sitewide Trickery  **********************************************************************************/

.hideText{
	text-indent:-9000px;
	overflow:hidden;
	outline:none;
	height:0px;
	line-height:0.1em;
	font-size:0.1em;
}
.clear{
	clear:both;
}
.clearDiv{ /* add this after a floated element to clear when there's nothing below it but you need to force a box-height */
	clear:both;
	overflow:hidden;
	height:1px;
	padding:0;
	margin:0;
	line-height:0.1em;
	font-size:0.1em;
}

.Hidden{
	display:none;
}
.hrDotted{
	height:1px;
	background:url(Images/Global/hr_Dotted.gif) repeat-x top;
	overflow:hidden;
	margin:5px 0;
	line-height:0.1em;
	font-size:0.1em;
}
.hrDottedMed{
	height:1px;
	background:url(Images/Global/hr-dotted-MedBlue.gif) repeat-x top;
	overflow:hidden;
	margin:5px 0;
	line-height:0.1em;
	font-size:0.1em;
}
.hrSolid{
	height:0px;
	border-bottom:solid 1px #DBDBDB;
	overflow:hidden;
	margin:0;
	line-height:0.1em;
	font-size:0.1em;
}
.hrSolidDark{
	height:0px;
	border-bottom:solid 1px #7E837A;
	overflow:hidden;
	margin:0;
	line-height:0.1em;
	font-size:0.1em;
}
.hrDotted hr,
.hrDottedMed hr,
.hrSolid hr,
.hrSolidDark hr{
	display:none;
}





/** Landing Pages  ***************************************************************************/

.LandingCalloutL,
.LandingCalloutR{
	float:left;
	color:#fff;
	position:relative;
}
.LandingCalloutR{
	margin-left:22px;
}
.LandingCalloutT{
	width:204px;
	height:149px;
	padding:54px 14px 0 218px;
}
.LandingCalloutB{
	width:204px;
	height:158px;
	padding:45px 14px 0 218px;
}
.LandingCalloutL h4,
.LandingCalloutR h4{
	width:204px;
	height:30px;
    display: block;
    cursor:pointer;
}
.LandingCalloutT .LearnMoreBtn,
.LandingCalloutB .LearnMoreBtn{
	position:absolute;
	right:14px;
}
.LandingCalloutT .LearnMoreBtn{
	bottom:24px;
}
.LandingCalloutB .LearnMoreBtn{
	bottom:33px;
}






/** Pagination  ***************************************************************************/

.Pagination{
	margin:12px 0 4px 0;
	padding:0;
	height:24px;
	text-align:center;
	color:#999;
	font-size:1.2em;
}
.Pagination .activePage{
	font-weight:bold;
	color:#000;
}


.ContestFullPageDisclosures{
	clear:both;
	margin:10px 16px 0;
	font-size:0.8em;
	color:#888;
}











/** ERROR MESSAGING  -  NOT IMPLEMENTED  ***********************/

.ErrorListWrapper{
	padding-top:8px;
	padding-left:40px;
	font-size:1.4em;
}
.ErrorListWrapper ul{
	margin:3px 0 10px 15px;
}
.ErrorListWrapper ul li{
	color:Red;
	background:none;
	font-size:1.0em;
}
.MessagingAsterisk{
	width:5px;
	vertical-align:top;
}

.HeaderFeedbackBar{
	display:none;
}
.NegativeFeedbackHeaderBar,
.PositiveFeedbackHeaderBar{
	text-align:center;
	margin:0 10px 8px 5px;
	padding:0 10px;
	font-size:1.6em;
	font-weight:normal;
	vertical-align:top;
	line-height:1em;
}
.NegativeFeedbackHeaderBar .NegativeIcon,
.PositiveFeedbackHeaderBar .PositiveIcon{
	padding-top:4px;
	padding-bottom:2px;
	padding-right:6px;
}
.NegativeFeedbackHeaderBar .PositiveIcon,
.PositiveFeedbackHeaderBar .NegativeIcon{
	display:none;
}
.NegativeFeedbackHeaderBar span,
.PositiveFeedbackHeaderBar span{
	position:relative;
	top:-4px;
}


.NegativeFeedbackHeaderBar ul,
.PositiveFeedbackHeaderBar ul{
	margin:0;
	display:inline;
}
.NegativeFeedbackHeaderBar div,
.PositiveFeedbackHeaderBar div{
	margin:0;
	display:inline;
	position:relative;
	top:-4px;
}
.NegativeFeedbackHeaderBar ul li,
.PositiveFeedbackHeaderBar ul li{
	color:#CB0505;
	background:none;
	font-size:1.0em;
	display:inline;
	padding-top:0;
	padding-left:1px;
}

.PositiveFeedbackHeaderBar{
	border:solid 2px #55BCA7;
	color:#009B7B;
}
.NegativeFeedbackHeaderBar{
	border:solid 2px #CB0505;
	color:#CB0505;
}



.VisitTheDiscussionsBtn{
	margin:15px 0 0 120px;
}