/*
    Document   : index
    Created on : Apr 21, 2009, 12:50:23 PM
    Author     : NAPCO Web Dept
    Description:
        CSS for index page - tabbed browsing and communities section.
*/


/*
    TABS CONTENT
*/

#tabs {
width: 980px;
margin: 15px 0px 0px 0px;
float: left;
clear: left;
}

#tabs-content {
width: 970px;
padding: 5px;
float: left;
clear: both;
height: 325px;
overflow: hidden;
}

#tabs-content div {
/* tabs contents */
float: left;
width: 940px;
padding: 12px 15px;
}

#tabs-content #tab-display div.clear-both {
padding:0px;
}

#tabs-content div.featured {
width: 210px;
height:300px;
float: left;
margin: 0px;
padding: 0px;
}

#tabs-content div.featured  div.featured-image-container{
width: 200px;
float: left;
margin: 0px;
padding: 0px;
}

#tabs-content div.featured div.featured-info
{
clear:left;
float:left;
padding:0px;
margin-top:10px;
width:200px
}

#tabs-content div.featured div.featured-info span
{
color:#000;
font-size:11px;
}

#tabs-content div.featured-list {
width: 375px;
float: left;
margin: 0px;
padding: 0px;
}

#tabs-content div.featured-list ul {
overflow: visible;
}

#tabs-content div img.featured-image {
/* tab headline image */
margin-right: 5px;
float:left;
display:block;
border: 1px solid #999999;
margin:0px auto;
}

#tabs-content div ul.featured-controls {
/* tab headline controls */
width: 200px;
float: left;
clear: left;
margin: 0px;
padding: 5px 0px;
text-align: center;
}

#tabs-content div ul.featured-controls li {
display: inline;
margin: 0px 3px;
padding: 0px 3px;
}

#tabs-content div ul.featured-controls li a {
color: #666666;
font-size: 11px;
padding: 1px 0px 1px 16px;
background: url('/common/images/icons/mediaicon_sprite.gif') no-repeat top left;
text-decoration: none;
}

#tabs-content div ul.featured-controls li a.prev { background-position: 0px -1px; }
#tabs-content div ul.featured-controls li a.stop { background-position: 0px -133px; }
#tabs-content div ul.featured-controls li a.play { background-position: 0px -199px; }
#tabs-content div ul.featured-controls li a.next { background-position: 0px -67px; }

#tabs-content div ul li.first-child {
/* tab headlines */
padding-top: 0px;
}

#tabs-content div ul li.first-child a {
/* tab headlines */
font-size: 16px;
font-weight: bold;
}

#tabs-content div p {
/* tab blurb */
font-size: 12px;
}

#tabs-content div p img {
/* tab blurb image */
margin-left: 5px;
margin-bottom: 5px;
float: right;
border: 1px solid #999999;
/*width: 100px;*/
/*height: 67px;*/
}

#tabs-content div ul {
/* all tab lists */
width: 375px;
padding-left: 5px;
float: left;
color: #333333;
font-size: 13px;
}

#tabs-content div ul.thin {
width: 275px;
margin-right: 20px;
}

#tabs-content div ul li {
/* all tab list items */
margin: 10px 0px;
}

#tabs-content div ul li.last-link {
list-style: none;
}

#tabs-content div ul li a,
#book div ul li a{
/* all tab list item links */
color: #333333;
font-size: 14px;
font-weight: normal;
}

#tabs-content div.ad {
/*
    tab ad - 300 width (should fit 300x250 or 300x100)
    text-align set so smaller width ads will still align right
*/
float: right;
width: 300px !important;
margin-left: 20px;
padding: 0px;
text-align: center;
}

#tabs-content div.ad div,
#tabs-content div.ad img {
/* tab ad types - text and image */
height: auto;
width: auto;
margin: auto;
float: none;
border: none;
text-align: left;
}

#tabs-content #tab-display div.loadingBox img {
width: 32px;
height: 32px;
border: none;
}

#tabs-content div.ad div.ad-img {
padding: 0px 0px 2px 0px;
margin-left: 120px;
}

#tabs-content #tab-display h4 a {
width: auto;
margin: 5px 30px 0px 0px;
color: #333333;
font-size: 13px;
font-weight: bold;
}

#tabs-content #tab-display div.more-links {
float: left;
width:auto;
text-align:right;
padding:3px;
}

#tabs-content #tab-display div.more-links h4 a {
margin: 0px;
float: none;
width: auto;
display: inline;
}

#tabs-content #tab-display div.more-links h4{
display:inline;
}

#tabs-content #tab-display h4.more-link {
float:left;
padding-left: 15px;
}

#tabs-content #tab-display h4 a.last-child,
#tabs-content #tab-display h4 a.last-child img,
#tabs-content #tab-display div.more-links h4 a.last-child img {
margin-right: 3px;
border: none;
}

#tabs-content #tab-display h3 a {
border: medium none;
color: #333333;
font-size: 16px;
font-weight: bold;
}

#tabs-content #tab-display div.blog-block {
width: 265px;
height: 275px;
float: left;
padding-top: 0px;
}

#tabs-content #tab-display div.blog-block h2,
#tabs-content #tab-display div.blog-block h2 a {
font-size: 18px;
}

#tabs-content #tab-display div.blog-block h3,
#tabs-content #tab-display div.blog-block h3 a {
font-size: 14px;
line-height: 1.4em;
color: #000000;
}

#tabs-content #tab-display div.blog-block div.byline {
float: left;
width: 100%;
padding: 10px 0px 5px 0px;
margin: 0px;
clear: both;
}

#tabs-content #tab-display div.blog-block div.byline strong {
display: block;
}

#tabs-content #tab-display div.blog-block div,
#tabs-content #tab-display div.blog-block p
{
float: left;
width: 100%;
line-height: 1.4em;
}

#tab-display div.blog-block img.blog-image {
width: 60px;
height: auto;
padding: 0px;
margin: 0px 5px 0px 0px;
border: 1px solid #999999;
}


/*
    Jobs Tab
*/

#tabs-content div.jt_job_list {
padding: 0px;
width: auto;
float: left;
}

#tabs-content div.jt_job_list ul li {
color: #000000;
}

#tabs-content div.jt_job_list ul li a {
color: #333333;
border: none;
}


/*
    COMMUNITIES CONTENT
*/

#communities div.community {
width: 290px;
padding: 0px 15px;
margin: 0px;
float: left;
}

#communities div.community div.ad {
float: right;
/*
width: 100%;
height: 31px;
*/
margin: 0px;
padding: 0px;
}

#communities div.community div.ad span.text-faded {
margin: 0px;
width: auto;
display: inline;
font-size: 11px;
float: right;
}

#communities div.community div.ad img {
float: right;
display: inline;
border: none;
margin-left: 6px;
}

#communities div.community img.featured-image {
float: left;
width: 100px;
border: 1px solid #999999;
margin: 10px 0px 15px 0px;
}

#communities div.community h3 {
width: 99%;
/*margin-bottom: 10px;*/
margin-top: 30px;
clear: right;
float: left;
text-align: left;
border-bottom: 1px dotted #999999;
font-size: 14px;
font-weight: bold;
}

#communities div.community h3 a {
margin-right: 5px;
width: 100%;
margin-bottom: 10px;
margin-top: 30px;
text-align: left;
font-size: 13px;
font-weight: bold;
color: #333333;
}

#communities div.community h3 img {
float: none;
height: auto;
width: auto;
border: none;
margin-right: 0px;
}

#communities div.community ul {
width: 155px;
padding-left: 10px;
margin-top: 10px;
float: left;
color: #333333;
}

#communities div.community ul li {
margin-bottom: 10px;
}

#communities div.community h4.last-link a {
color: #333333;
font-weight: bold;
clear: both;
float: right;
width: auto;
font-size: 13px;
}

#center #communities div.ad {
    width:auto;
}
/*
    POLL WIDGET
*/

#poll p {
width: 300px;
margin-bottom: 20px;
margin-right: 10px;
float: left;
}

#poll h3 {
width: 300px;
float: left;
}

#poll a {
color: #333333;
font-weight: bold;
border: none;
}

#poll a#poll-previous,
#poll a#poll-next { }

#poll div#poll-previous-container,
#poll div#poll-next-container {
float: left;
margin-right: 10px;
display: inline;
}

#poll span#poll-previous,
#poll span#poll-next {
font-weight:bold;
}

#poll div#poll-response {
width: 300px;
float: right;
text-align: right;
}

#poll div#poll-response table{
width: 100%;
text-align: left;
font-weight: bold;
}

#poll div#poll-response table#pollresult{
color: #ffffff;
}

#poll div#poll-response table table td{
padding: 0px;
}

#poll div#poll-response table table td div{
padding: 2%;
}

#poll div#poll-response table td.first-cell{
width: 30px;
text-align: center;
padding: 3px;
}

#poll div#poll-response table#pollresult td.first-cell{
border-right: 1px solid #999999;
}

/*
    PRESS CENTER
*/
#press-center ul {
list-style-image: url('/common/images/icons/bullet.gif');
list-style-position:outside;
list-style-type: disc;
margin-left: 20px;
line-height: 18px;
}

#press-center h2 {
color: #000000;
}

#press-center h3 {
margin-bottom: 2px;
}

div#featured-resources {
float: left;
width: 430px;
padding: 0px 10px 10px 10px;
}

div#featured-companies {
float: left;
width: 190px;
}

div#recent-additions {
float: left;
clear: left;
width: 620px;
padding: 0px 10px 10px 10px;
}

#press-center a {
border: none;
}

/*
    PRESTITIAL
*/
#homepageAd {
/*border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;*/
display: none;
width:980px;
margin: 0 auto;
background-color: #FFFFFF;
}

#homepageAd div.ad div.ad-img{
width:100%;
text-align: center;
}

#homepageAd div.block_content {
width: 100%;
}

#homepageAd a {
text-decoration:underline;
}

#page {
display: block;
}
/* 
    Document   : site
    Created on : Aug 4, 2009, 3:11:53 PM
    Author     : NAPCO Web Dept
    Description:
        Site-specific CSS goes here.  Right now this is limited
        to color changes, but anything can go here.  Keep sections separated
        according to the corresponding common css files.
*/


/* 
    ARTICLE.CSS
*/

#article div.pagination div.next,
#article div.pagination div.prev {
    border: 1px solid #990000;
}

#article #related,
#staticpage #related {
    border-right: 1px solid #990000;
}

#article div.pagination div.next a,
#article div.pagination div.prev a,
#article-industrycenter-tab ul li:first-child,
#article-industrycenter-tab ul li.first-child,
#article-industrycenter div.tab-content h4 a {
    color: #990000;
}

#article-industrycenter-tab ul li a:hover,
#article-industrycenter-tab ul li a.tab-hover {
    background-color: #990000;
}

.article-industrycenter-tab-bookstore div.book a {
    background-color: #333333;
}


/*
    BLOG.CSS
*/

#blog-header h1,
#blog-header h1 a,
div#additional-information div#additional-about ul li a,
div#additional-blogs div h5 a,
#center div#blog-content div.blog-links a,
div.blog-preview h1,
div.blog-preview h1 a,
div.blog-preview h2,
div.blog-preview h2 a,
div.blog-preview div.blog-links ul li a strong,
div.blog-entry ul.comments li a {
    color: #000000;
}

div#additional-information div#additional-about {
    background: #fff url("/images/tm-blog-grad.jpg") repeat-x top right;
}


/*
    COMMON.CSS
*/

#breadcrumb, #breadcrumb a ,
#options ul li a,
#center h3, #sidebar h3,
.share-menu a, .tools a,
.pagination strong,
a.text-highlight, p a.text-highlight, .externalicon,
#book div ul, #book div ul li a {
    color: #990000;
}

div#footer-pub-bar, input.button-submit {
    background-color: #000000;
}

#text a.people, #slideshow a.people,
#text a.place, #slideshow a.place {
    border-bottom:1px dotted #333333;
    color: #333333;
}

.text-highlight {
    color: #333333;
}

input.button-link {
    background-color: #FF0000;
}

#header-above a {
    font-weight: bolder;
    color: #000000;
    font-style: italic;
}
/*
    INDEX.CSS
*/

#tabs-content div h2 a,
#tabs-content div ul,
#tabs-content div ul li a,
#book div ul li a,
#tabs-content #tab-display h4 a,
#tabs-content #tab-display h3 a,
#communities div.community h3 a,
#communities div.community ul,
#communities div.community h4.last-link a,
#poll a {
    color: #000000;
}

#tabs-content div.jt_job_list ul li a {
    color: #990000;
}

/*
    INDUSTRYCENTER.CSS
*/

#industry-center-content div.industry-center-article h3,
#industry-center-content div.industry-center-article h3 a,
#industry-center-content h4,
#industry-center-content h4 a,
#industry-center-content-tab ul li a:hover
{
    color: #990000;
}

#industry-center-content h2,
#industry-center-content-tab {
    background-color: #000000;
}

/*
    NEWSLETTER.CSS
*/

div.newsletter-intro h3 a{
    color: #000000;
}


/*
    JQUERY-UI-1.7.1.CUSTOM.CSS
*/

/* Interaction states
----------------------------------*/
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus,
.ui-widget-content .ui-state-focus, .ui-state-hover a, .ui-state-hover a:hover,
.ui-state-active, .ui-widget-content .ui-state-active,
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #990000; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #990000; color: #990000; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #990000; }

/* Mediablock Tabs
----------------------------------*/
.mediablock .ui-state-active a, .mediablock .ui-state-active a:link, .mediablock .ui-state-active a:visited { background: #990000; }
.mediablock .ui-state-highlight a, .mediablock .ui-widget-content .ui-state-highlight a { color: #990000; }


/*
    MAGAZINE.CSS
*/
#magazine div.stack-blocks h4 a,
#magazine h4.last-link a {
    color: #990000;
}

/*
    NAV.CSS
*/

#navigation,
.sf-navbar li,
.sf-navbar li ul li div a:hover {
    background: #000000;
}

.sf-navbar li:hover,
.sf-navbar li:hover > a,
.sf-navbar li.sfHover,
.sf-navbar li.sfHover > a,
.sf-navbar li a:focus, .sf-navbar li a:hover, .sf-navbar li a:active {
    color: #990000;
}

.sf-navbar li ul {
    /* sub-nav bar - IE6 soils itself without this was 44em */
    width: 51.5em;
}

.sf-navbar li ul li div {
    /* sub-sub-nav bar */
    width: 25%;
    float: left;
}


/*
    SEARCH.CSS
*/

#search-results-profile div.next, #search-results-profile div.prev,
#search-results div.pagination ul li li a:hover,
#search-result-sort a.active {
    background-color: #990000;
}

.refine-search li:hover, .refine-search li.refineHover,
.refine-search a:focus, .refine-search a:hover, .refine-search a:active,
#search-results div.search-results-count {
    background: #000000;
}

#search-results a.search-result-headline, div.search-result img.search-result-image + a {
    color: #444444;
}


/*
    WIDGETS.CSS
*/

#blog-comments ul li a,
#most-block-tab ul li:first-child,
#most-block-tab ul li.first-child,
#search-widget div ul li a,
#tme-block ul,
#toc-block ul {
    color: #990000;
}

#most-block-tab ul li a:hover,
#most-block-tab ul li a.tab-hover {
    background-color: #990000;
}

#search-widget h3 {
    color: #990000;
}

#search-widget div ul li {
    border-left: 1px solid #990000;
}

/*
    TEMP.CSS
*/

#Free-White-Papers ul, #Free-Online-Marketing-White-Papers ul, #Free-SEO-amp-SEM-White-Papers ul
{
    line-height: 18px;
    list-style-image: url(/common/images/icons/bullet.gif);
}

#Free-White-Papers ul li, #Free-Online-Marketing-White-Papers ul li, #Free-SEO-amp-SEM-White-Papers ul li
{
    margin: 0 0 5px 15px;
}

.headline {
background-color:#990000;
}