﻿
.siteContainer
{
    max-width:1200px;
    margin:auto;
    border: 1px solid #BDBCBC;

	-moz-box-shadow:inset 0px 0px 2px #BDBCBC;
	-webkit-box-shadow:inset 0px 0px 2px #BDBCBC;
	box-shadow:inset 0px 0px 2px #BDBCBC;
}

.header_left
{
    padding-left:15px;
    text-align:left;
    display:table-cell;
}
.header_right
{
    vertical-align:middle;
    padding-right:15px;
    text-align:right;
    display:table-cell;
    }

.header_right a, a:active 
{
    color:White !important;
}

.header_left a, a:active 
{
    color:White !important;
}



.cdclogoheader
{
    vertical-align:middle;
    padding-left:0px;
    padding-right:5px;
    padding-top: 7px;
    height: 53px;   /*Reduced height from 60px to 53px as part of the 508 issue resolution*/
    /*Commented height and background to resolve 508 issue*/
    /*height: 60px;
    background: url("../images/cdcHeaderLogo.gif") no-repeat left 7px;*/
}

#homeward
{
    margin-left:10px;
}
    
span[class*="sprite-"] 
{
  margin: 5px;
  display: block;
}
.sprite-24-syndicate {
  background: url("../images/sprites-primary.png") no-repeat -594px 0;
  width: 25px;
  height: 25px;
}
.sprite-24-govd-icon {
  background: url("../images/sprites-primary.png") no-repeat -565px 0;
  width: 25px;
  height: 25px;
}
.sprite-24-email {
  background: url("../images/sprites-primary.png") no-repeat 0 0;
  width: 25px;
  height: 25px;
}
.sprite-24-facebook {
  background: url("../images/sprites-primary.png") no-repeat -28px 0;
  width: 25px;
  height: 25px;
}
.sprite-24-twitter {
  background: url("../images/sprites-primary.png") no-repeat -84px 0;
  width: 25px;
  height: 25px;
}
.sprite-24-linkedin {
  background: url("../images/sprites-primary.png") no-repeat -139px 0;
  width: 25px;
  height: 25px;
}
.sprite-24-pinterest {
  background: url("../images/sprites-primary.png") no-repeat -199px 0;
  width: 25px;
  height: 25px;
}
.sprite-24-rss {
  background: url("../images/sprites-primary.png") no-repeat -253px 0;
  width: 27px;
  height: 25px;
}
.sprite-24-listen {
  background: url("../images/sprites-primary.png") no-repeat -281px 0;
  width: 27px;
  height: 25px;
}
.sprite-24-govd {
  background: url("../images/sprites-primary.png") no-repeat -535px 0;
  width: 25px;
  height: 25px;
}
.sprite-24-watch {
  background: url("../images/sprites-primary.png") no-repeat -309px 0;
  width: 27px;
  height: 25px;
}
.sprite-24-ecards {
  background: url("../images/sprites-primary.png") no-repeat -337px 0;
  width: 27px;
  height: 25px;
}
.sprite-24-gadgets {
  background: url("../images/sprites-primary.png") no-repeat -365px 0;
  width: 26px;
  height: 25px;
}
.sprite-24-buttons {
  background: url("../images/sprites-primary.png") no-repeat -393px 0;
  width: 26px;
  height: 25px;
}
.sprite-24-apps {
  background: url("../images/sprites-primary.png") no-repeat -421px 0;
  width: 26px;
  height: 25px;
}
.sprite-24-youtube {
  background: url("../images/sprites-primary.png") no-repeat -449px 0;
  width: 26px;
  height: 25px;
}
.sprite-24-digg {
  background: url("../images/sprites-primary.png") no-repeat -477px 0;
  width: 25px;
  height: 25px;
}

.sprite-24-back {
  background: url("../images/sprites-primary.png") no-repeat -143px -183px;
  width: 22px;
  height: 25px;
}

.sprite-24-close {
  background: url("../images/sprites-primary.png") no-repeat -113px -183px;
  width: 25px;
  height: 25px;
}

.sprite-24-resize {
  background: url("../images/sprites-primary.png") no-repeat -85px -183px;
  width: 25px;
  height: 25px;
}
.sprite-24-search-black {
  background: url("../images/sprites-primary.png") no-repeat -56px -183px;
  width: 25px;
  height: 25px;
}
.sprite-24-search-white {
  background: url("../images/sprites-primary.png") no-repeat -28px -183px;
  width: 25px;
  height: 25px;
}
.sprite-24-menu {
  background: url("../images/sprites-primary.png") no-repeat 0 -183px;
  width: 25px;
  height: 25px;
}


/* breadcrumbs */
.breadcrumbs .bread-crumb {
  display: inline-block;
  margin-bottom: 10px;
}
.breadcrumbs .bread-crumb span {
  min-width: 40px;
  font-size: 12px;
  font-size: 1.2rem;
}
.breadcrumbs .bread-crumb span a {
  color: #000000;
  text-decoration: underline;
}
.breadcrumbs .bread-crumb span.gt:before {
  content: "\003c";
  margin: 0 5px;
}
.breadcrumbs .bread-crumb span.lt:before {
  content: "\003e";
  margin: 0 5px;
}
.breadcrumbs .bread-crumb div.prefix {
  display: none;
}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {   
    display: block;   
}

.one-column		
{ 
    float:left;
    width: 6.0833%; 
}

/* beging footer stuff */
#footer {
	background: #F0F0F0; 
	overflow: hidden; 
	border-top-width: 1px;
	width:100%;
	padding-bottom:20px;
}

#footer div {
	margin: 0px; 
	color:#2F2F2F; 
	line-height: 1.33; 
	font-size: 14px; 
	
}
  
#footer .linkContainer
{
    
    width: 1185px; 
}
 
#footer .linkSubContainer
{
    margin-top: 10px;
    width:250px;
    text-align:left;
    
}
  
#footer .linkSubContainer section
{
    
    padding-bottom:10px;
    position:relative;
}
      
#footer .address_block
{
    width: 300px;
    font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    
}
  
  
     
  #footer .CDCName
  {
         line-height: 25px;
         font-size:1.1em;
         font-style:normal;
         color:Black;
      }
  
  #footer .address {
   color: #404040;
   font-style:normal;
    font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  
  #footer .address a{
   color: #404040;
    
  }
  
  #footer .address a:hover
  {
       color: #404040;
       text-decoration:underline;
       
  }
   #footer .cdcLinks 
   {
        display:inline-block;
        text-align:left;
        width:250px;
        margin-left:0px !important;
        overflow: hidden; 
        margin-top: 0px;
        padding-left: 7px;
   }
   
   #footer .offset
   {
        margin-left:40px;    
   }

   #footer .footerLabel
   {
       font-size:1.1em;
       font-weight:bold; 
       color:Black;
       padding-left: 7px;    
       }

    #footer ul
    {
        margin:0px;
        padding-left:0px;
        text-align:left;
        list-style:none;
    }
  
    #footer li 
    {
       
        line-height: 25px;
       
    }

  #footer li a {
    color:#404040;
    text-decoration:none;
    
  }
  
  #footer .cdcLinks li a:hover {
    text-decoration:underline;
  }
  
  #footer .cdcLinks li.contact {
    float: none;
  }
  #footer .cdcLinks article,
  #footer .cdcLinks section {
    margin-bottom: 10px;
    float: none;
  }
  
  #footer #hhs {
    text-align: right;
    width: 330px;
}

#footer #hhs img {
	width: 70px; 
	height: auto; 
	margin-top: 20px; 
	margin-right: 20px; 
	border:none;
}
  #footer .socialMedia {
    height: auto !important;
  }
  #footer .socialFooter {
    display: block;
    overflow: hidden;
    width: 400px !important;
    
  }
  
.socialFooterLabel
{
    float:left; 
    margin-top:7px !important;
    
}
 
  #footer .socialFooter h6 {
    margin-left: 5px;
  }
  
/* socialFooter */
#footer .socialMedia {
  background: #a9a9a9;
  height: 35px;
}
#footer .socialMedia ul {
  float: left;
  margin: 0;
  padding: 0;
}
#footer .socialMedia ul li {
  display: inline-block;
  width: 31px;
  height: 31px;
  overflow: hidden;
}
#footer .socialMedia .socialFooter h6 {
  float: left;
  margin-top: 10px;
}

#socialMedia .facebookRecommend {
  background: url("../images/smRecommend.png") no-repeat;
  padding-right: 0;
  height: 20px;
  width: 84px;
}
#socialMedia .linkedInShare {
  background: url("../images/smLinkedIn.png") no-repeat;
  padding-right: 0;
  height: 18px;
  width: 60px;
  display: inline;
  float: left;
}
#socialMedia .esp .linkedInShare {
  background: url("../images/smLinkedIn_es.png") no-repeat;
  padding-right: 0;
  height: 18px;
  width: 80px;
  display: inline;
  float: left;
}
#socialMedia .esp .facebookRecommend {
  background: url("../images/smRecommend_es.png") no-repeat;
  padding-right: 0;
  height: 20px;
  width: 86px;
}
#socialMedia .twitterTweet {
  background: url("../images/smTweet.png") no-repeat;
  padding-right: 0;
  height: 20px;
  width: 59px;
}
#socialMedia .esp .twitterTweet {
  background: url("../images/smTweet_es.png") no-repeat;
  padding-right: 0;
  height: 20px;
  width: 70px;
}
.shareButtonEs,
.shareButtonEn {
  height: 20px;
  padding-left: 20px;
  background: url("../images/smShare.png") no-repeat 0 center;
  line-height: 21px;
  color: #333;
  font-weight: 700;
  font-size: 12px;
}
.shareButtonEs,
body.esp .shareButtonEn {
  display: none;
}
body.esp .shareButtonEs {
  display: block;
}
#applicationsPage.widePage #socialMediaContainer {
  margin: 10px;
}
#applicationsPage.widePage.appsPage #socialMediaContainer {
  margin: 10px;
  margin-left: 195px;
}
#fbCount,
#twitterCount,
#linkedInCount {
  background: #ffffff;
  border: 1px solid #d1d1d1;
  float: left;
  font-weight: normal;
  height: 14px;
  margin-left: 5px;
  *margin-left: 0px;
  padding: 3px 3px 1px 3px;
  text-align: center;
  line-height: 11px;
  white-space: nowrap;
  font-size: 11px;
  font-size: 12px;
  /* [disabled]margin-top:1px; */

}
#facebookBlock,
#twitterBlock {
  margin-top: 2px;
}
#facebookBlock,
#twitterBlock,
#bookmarkShareBlock,
#facebookBlock > a,
#twitterBlock > a,
.countWrapper {
  float: left;
  display: block;
}
#wrapper #facebookBlock > a:hover,
#wrapper #twitterBlock > a:hover {
  text-decoration: none;
}
#twitterBlock,
#bookmarkShareBlock {
  margin-left: 10px;
}
#bookmarkShareBlock #twitterBlock,
#bookmarkShareBlock #facebookBlock {
  margin: 5px 0px 0px 5px;
}

#socialMediaFeeds:after {
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  clear: left;
  visibility: hidden;
}
.cdc-socialMedia {
  background-color: transparent;
}
.cdc-socialMedia #socialMediaFeeds {
  background: #ffffff;
  margin: 0 10px;
  border-top: 1px dotted #000000;
  padding-top: 10px;
  padding-top: 2rem;
}
.cdc-socialMedia #socialMediaFeeds div h4 {
  margin-top: 0;
  line-height: 30px;
}
#tweet,
#facebook {
  background: #ffffff;
  color: #000000;
  float: none;
  margin: 0 auto;
  width: 94%;
}
.socl-avatar {
  float: left;
  display: none;
}
.socl-user {
  background: #d1e2f0;
  display: block;
  margin-top: 10px;
  line-height: 20px;
  /* [disabled]margin-bottom:10px; */

  text-decoration: none;
  text-indent: 3px;
}
.socl-comment-text .socl-user:nth-child(3) {
  margin-top: 0;
}
.cdc-socialMedia {
  background: transparent;
  border: 1px solid #e5e5e5;
  padding: 0;
}
.cdc-socialMedia #socialMediaFeeds,
.cdc-socialMedia .socialMediaFeeds {
  background: #ebf2f9;
  margin: 0 auto;
  border: 3px solid #ffffff;
  padding-bottom: 5px;
  padding: 0 10px 0;
}
.cdc-socialMedia #socialMediaFeeds a:hover,
.cdc-socialMedia .socialMediaFeeds a:hover {
  text-decoration: none;
}
.cdc-socialMedia #socialMediaFeeds #tweet,
.cdc-socialMedia .socialMediaFeeds #tweet,
.cdc-socialMedia #socialMediaFeeds #facebook,
.cdc-socialMedia .socialMediaFeeds #facebook {
  background: #ebf2f9;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: none;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
.cdc-socialMedia #socialMediaFeeds > div,
.cdc-socialMedia .socialMediaFeeds > div {
  margin-top: 10px;
}
.cdc-socialMedia #socialMediaFeeds > div:first-child,
.cdc-socialMedia .socialMediaFeeds > div:first-child {
  margin-top: 0.5rem;
}
.cdc-socialMedia #socialMediaFeeds div h4,
.cdc-socialMedia .socialMediaFeeds div h4 {
  margin-top: 5px;
  margin-bottom: 2px;
  line-height: 30px;
}
.cdc-socialMedia #tweet h4 a:hover,
.cdc-socialMedia #facebook h4 a:hover {
  text-decoration: underline;
}
.cdc-socialMedia #tweet h4 a,
.cdc-socialMedia #facebook h4 a {
  color: #000000;
  text-decoration: none;
}
.js .cdc-socialMedia #socialMediaFeeds #tweet .socl-loader-graphic,
.js .cdc-socialMedia #socialMediaFeeds #facebook .socl-loader-graphic {
  background: url("../images/social_media_loader.gif") 50% 50% no-repeat;
  display: block;
  width: 100%;
  height: 30px;
  margin: 5px auto;
}
.cdc-socialMedia #socialMediaFeeds .socl-user:hover {
  text-decoration: underline;
}
.cdc-socialMedia #socialMediaFeeds .socl-user {
  text-decoration: none;
}
.cdc-socialMedia #socialMediaFeeds #tweet .socl-user,
.cdc-socialMedia #socialMediaFeeds #facebook .socl-user {
  background: #d1e2f0;
}
#tweet .socl-comment-text p,
#facebook .socl-comment-text p,
#tweet .socl-comment-text a.failover,
#facebook .socl-comment-text a.failover {
  display: none;
}
.cdc-socialMedia .feed-item {
  margin: 10px 3px 0;
  margin: 1rem 0.3rem 0;
}
.cdc-socialMedia .feed-item:first-child {
  margin-top: 0;
}

.homeContainer
{
    
       /* SVG as background image (IE9/Chrome/Safari/Opera) */ 
       background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkZGRkZGIiBvZmZzZXQ9Ii43Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0Q3RDdENyIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzIpIiAvPgo8L3N2Zz4=);
 }




.titlebar
{
    background-color: #4682B4;
    background-attachment: scroll;
    background-repeat : repeat;
    background-size: auto;
    background-position-x:0%;
    background-position-y:0%;
    background-origin: padding-box;
    background-clip: border-box;
 }
 .titlebar h1
 {
    line-height:45px;
    font-size: 24px;
    color:#fff;
    padding: 0px 3px;
    margin: 3px 0px;    
 }

 .container
 {
    margin:auto ;
    width:1185px;    
 }
 
 .centerContainer
 {
     margin: auto !important;
 }
     
 .content
 {
     min-height: 200px;
 }
/*Custom classes added for Logi Apps*/
.floatLeft
{    
    float:left;
    overflow:hidden;
}
.alignTop
{
     vertical-align:top;
}
.listWrapText ul li span
{
     display: inline-block;
     word-wrap:break-word;
}
.borderSpacing table
{
     border-spacing: 10px;
}
.displayTableCell
{
display:table-cell;
vertical-align: bottom;
padding-right: 5px;
}
.alignTop
{
    display:table-cell;   
    vertical-align: top; 
}
.displayTableRow
{
display:table-row;
}
.displayTableRow > *
{
    display: inline-block; 
}

.listNoIndent
{
     padding-left:0;
}

.pageHeaderText {
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 8px;
    margin-top: 20px;
}

.divHeaderTitle h2 {
    Line-height: 46px; 
    Font-size: 24px;
    Padding: 3px 0;
    Margin: 3px 0 0 10px;
}
