body{ margin:0; padding:0; font:12px Arial; color:#000; background:#FFF; }
blockquote { font-weight:bold; }
a img{ border:none; }
a, a:active{ outline:none; }
p{ margin:0; padding:0 0 10px 0; }
h2{ font-size:22px; margin:0; padding:10px 0; }
.clr{ clear:both; }
#page{ width:948px; margin:0 auto; padding-bottom:30px; }

#header{ height:90px; background:#000 url(/connectionmagazine/img/hdr_logo.png) bottom right no-repeat; position:relative; }
#header #logo{ width:115px; height:50px; display:block; position:absolute; top:0; left:0; }
#header ul, #header ul li{ margin:0; padding:0; list-style-type:none; }
#header ul#nav{ position:absolute; bottom:0px; left:12px; }
#header ul li{ float:left; margin-right:25px; font-size:13px; position:relative; display:block; font-weight:bold; }
#header ul li a{ color:#fff; text-decoration:none; padding-bottom:5px; display:block; margin:0; }
#header ul li.hover a{ color:#fff200; }
#header ul li ul{ background:#6D6F71; padding:12px 0; position:absolute; left:-9999px; top:20px; z-index:1000; display:block;  }
#header ul li ul li a{ padding:0; }
#header ul li#nav_articles ul{ width:350px; }
#header ul li#nav_archives ul{ width:200px; }

#header ul li:hover ul, #header ul li.hover ul{ left:-15px; }
#header ul li ul li{ float:none; margin:0 0 4px 0; padding:0 12px; }
#header ul li:hover ul li a, #header ul li.hover ul li a{ color:#fff; padding:0; }
#header ul li:hover ul li a:hover, #header ul li.hover ul li a:hover{ color:#fff200; }
#header ul li ul li.list_heading{ text-transform:uppercase; padding-top:5px; font-size:11px; color:#000; }
#header ul li ul li span{ padding-right:10px; }
#header ul li ul li.last{ border-bottom:1px solid #999; padding-bottom:12px; }

#header #meta_date{ position:absolute; top:10px; left:170px; font-size:12px;  color:#fff; font-weight: bold; }

#banner_wrap{ height:328px; }

h2 strong{ position:relative; display:block; }
h2 span{ font-size:14px; font-weight:normal; position:absolute; top:4px; }
h2 a.arrow_left, h2 a.arrow_right{ position:absolute; top:3px; display:block; text-indent:-9999px; width:16px; height:22px; background-position:top left; background-repeat:no-repeat; }
h2 a.arrow_left{ background-image:url(/common/img/arrow_left.jpg); }
h2 a.arrow_right{ background-image:url(/common/img/arrow_right.jpg); }
h2.features{ width:600px; }
h2.features a.arrow_left{ left:100px; }
h2.features span{ left:118px; }
h2.features a.arrow_right{ left:124px; }
h2.departments a.arrow_left{ left:143px; }
h2.departments span{ left:161px; }
h2.departments a.arrow_right{ left:167px; }
h2 a.arrow_left:hover, h2 a.arrow_right:hover{ background-position:0 -30px; }
h2 a.inactive{ background-position:0 -57px; }
h2 a.inactive:hover{ background-position:0 -57px; }

#series p{ font-size:12px; color:#333; }
#series h2{ font-size:30px; }
#series h2 span{ font-size:30px; position:static; font-weight:normal; }

.content{ background:#fff; padding-bottom:40px; margin-bottom:15px; }
.content_wrap{ padding:12px 12px 0 12px; border-bottom:1px solid #ccc; }

.col_left_large{ width:552px; float:left; margin-right:12px; overflow:hidden; }
.col_left_large .grid_wrap .grid_slider{ position:relative; width:5000px; }
.col_left_large .grid_wrap{ width:560px; overflow:hidden; position:relative; }
.col_left_large .grid2{ float:left; width:270px; margin-right:12px; }
.col_left_large .grid3{ float:left; width:177px; margin-right:12px; }
.col_left_large .grid3 h3{ font-size:13px; }
.col_left_large .grid3 img{ cursor:pointer; }
.col_left_large h3{ color:#4d4d4d; font-size:15px; margin:0; padding:7px 0 12px; }
.col_left_large h3 a{ color:#4d4d4d; text-decoration:none; }
.col_left_large h3 a:hover{ color:#F78E1E; }
.col_left_large p{ color:#666; font-size:11px; line-height:14px; }
.col_left_large p strong{ color:#000; }
.col_left_large p.desc{ border-bottom:1px solid #666; padding-bottom:12px; margin-bottom:6px; }
.col_left_large p a{ color:#A6A8AB; text-decoration:none; }
.col_left_large p a:hover{ color:#F78E1E; }

.col_right_small{ float:left; width:360px; }
.tabs{ background:#e6e6e6; /*margin-bottom:12px;*/ }
.tabs .tab_nav, .tabs .tab_nav li, .tabs div ul { margin:0; padding:0; list-style-type:none; }
.tabs div ul.emphasis li { border-bottom: 1px solid #CCCCCC; font-style: italic; margin-bottom: 3px; padding-bottom: 3px; font-size:12px; }
.tabs .tab_nav{ background:#f2f2f2; width:100%; height:21px; }
.tabs ul.hover{ background:#FFF200; }
.tabs .tab_nav li{ float:left; /*padding-top:3px;*/ }
.tabs .tab_nav li a{ padding:4px 10px; font-size:11px; color:#4C4C4C; text-decoration:none; display:block; }
.tabs .tab_nav li a:hover{ background:#FFF200; color:#F78E1E; }
.tabs .tab_nav li.active a{ background:#e6e6e6; color:#333; font-weight:bold; }
.tabs div{ display:none; padding:12px; }
.tabs div.active{ display:block; }
.tabs div ul li{ margin-bottom:3px; font-size:10px; padding-bottom:3px; color:#333; }
.tabs div ul li span{ font-style:normal; }
.tabs div ul li a{ text-decoration:none; color:#333; border-bottom:#333 thin solid; display:block; }
.tabs div ul li a:hover{ color:#EC008C; }
.tabs div p.archive{ text-align:right; font-size:11px; padding:10px 0 0 0; }
.tabs div p.archive a{ text-decoration:none; color:#231F20; padding:3px 27px 3px 0; background:url(/common/img/arrow_rollover.png) no-repeat scroll 69px 1px; }
.tabs div p.archive a:hover{ text-decoration:underline; background-position:69px -32px; }
.article .tabs div p.archive a{ background-position:77px 1px; }
.article .tabs div p.archive a:hover{ background-position:77px -32px; }

#subscribe, #conn_search{ background:#fff200; padding:12px; margin-bottom:12px; }
#subscribe{ height:100px; position:relative; }
#conn_search{ background:#00aeef; margin-top:10px; }
#subscribe h4, #conn_search h4{ margin:0; padding:0 0 12px 0; font-weight:normal; font-size:12px; }
#subscribe h4 strong, #conn_search h4 strong{ text-transform:uppercase; }
#subscribe form, #conn_search form{ margin:0; padding:0; }  
#subscribe form p, #conn_search form p{ padding:0; float:left; }  
#subscribe form p#subscribe_email, #conn_search form p#search_keywords{ width:250px; margin-right:12px; }  
#subscribe form p#subscribe_email input, #conn_search form p#search_keywords input{ border:1px solid #ccc; margin:0; padding:3px; font-size:11px; color:#999; width:244px; }  
#subscribe form p#subscribe_submit, #conn_search form p#search_submit{ width:56px; background:#f49935; color:#000; padding:2px; font-size:11px; }  
#conn_search form p#search_submit{ background:#fff200; }  
#subscribe form p#subscribe_submit input, #conn_search form p#search_submit input{ background:transparent; border:none; cursor:pointer; font-weight:bold; font-size:11px; }  
#subscribe p#subscribe_meta{ position:absolute; bottom:12px; left:12px; padding-bottom:0; }  
#subscribe p#subscribe_meta a{ font-weight:bold; color:#333; text-decoration:none; padding:0 3px; }  
#subscribe p#subscribe_meta a:hover{ text-decoration:underline; }  

.tabs .partner_wrap, .tabs .partner_wrap div{ display:block; padding:0; }
.tabs .partner_wrap{ clear:both; margin-bottom:6px; padding-bottom:6px; padding-top:6px; }
.tabs .last{ border-bottom:none; margin-bottom:0; padding-bottom:0px; }
.tabs .partner_img{ float:left; width:100px; margin-right:12px; }
.tabs .partner_desc{ float:left; width:220px; color:#333; }
.tabs .partner_bottom { float:left; width:160px; color:#333; border-top:#333 1px solid; }

.tabs .customer_left, .tabs .customer_right { display:block; width:165px; color:#666; float:left; }
.customer_left span { display:block; border-top:1px solid #333; padding:0; margin-right:12px; }
.customer_right span { display:block; border-top:1px solid #333; padding:0; }
.customer_left span a, .customer_right span a { color:#333; text-decoration:none }
.customer_left span a:hover, .customer_right span a:hover { color:#EC008C; }

#article_nav{ height:63px; border-bottom:1px solid #ccc; position:relative; }
#article_nav p{ position:absolute; bottom:5px; padding:0; font-size:11px; }
#article_nav p strong{ font-size:12px; }
#article_nav p a{ color:#333; text-decoration:none; }
#article_nav p a:hover{ text-decoration:underline; color:#EC008C; }
#article_nav p.breadcrumb{ left:12px; }
#article_nav p#next_article{ right:12px; }
#article_nav p.next_article { right:12px; }

.article .content_wrap{ padding:0 12px; }
.article .col_left_large{ padding:12px 0 12px 0; border-right:1px solid #ccc; width:564px; }
.article .col_right_small{ padding:12px 0; width:347px; }
.article #subscribe{ margin-bottom:0; margin-top:12px; }

.article .col_left_large h2{ color:#000; font-size:32px; margin:0; padding:0 0 10px 0; }
.article .col_left_large h4{ color:#000; font-size:14px; margin:0; padding:0 12px 15px 0; }
.article .col_left_large h4 strong{ color:#5EA7A1; font-size:16px; }
.article .col_left_large #article_meta{ font-size:11px; }
.article .col_left_large #article_meta strong{ color:#000; font-weight:normal; }
.article .col_left_large #article_meta span{ padding:0 5px; }

.article #socialize{ float:right; padding-left:10px; border-left:1px solid #ccc; width:112px; height:290px; margin-right:12px; }
.article #socialize ul, .article #socialize ul li{ margin:0; padding:0; list-style-type:none; }
.article #socialize ul li{ text-transform:uppercase; font-size:10px; margin-bottom:3px; padding-bottom:3px; border-bottom:1px solid #ccc; color:#ccc; }
.article #socialize ul li a{ text-decoration:none; color:#000; }
.article #socialize ul li a:hover{ color:#00aeef; }

.article .article_text{ margin-top:12px; border-top:1px solid #ccc; padding:12px 12px 0 0; }
.article .article_text p{ color:#000; font-family:Georgia, "Times New Roman", serif; font-size:15px; line-height:22px; padding-bottom:18px; }
.article .article_text p a{ color:#73AFB6; text-decoration:underline; }
.article .article_text p span.caps{ text-transform:uppercase; font-size:14px; }
.article .article_text blockquote{ margin:0; padding:15px 0; font-size:14px; line-height:14px; color:#000; font-weight:bold; }
.article .article_text blockquote strong{ display:block; color:#73AFB6; font-size:26px; line-height:26px; }
.article .article_text ol, .article_text ul{ margin:0; padding:0 0 15px 25px; }
.article .article_text li{ font-family:Georgia, "Times New Roman", serif; font-size:15px; margin-bottom:5px; }
.article .article_text li a{ color:#73AFB6; }

#article_footer_nav{ padding:12px; }
#article_footer_nav #next_article{ float:right; font-size:11px; }
#article_footer_nav .next_article { float:right; font-size:11px; }
#article_footer_nav #next_article a{ color:#333; text-decoration:none; }
#article_footer_nav .next_article a { color:#333; text-decoration:none; }
#article_footer_nav #next_article a:hover{ text-decoration:underline; color:#EC008C; }
#article_footer_nav .next_article a:hover { text-decoration:underline; color:#EC008C; }
/*#article_footer_nav table{ height:17px; }*/
#article_footer_nav table td{ font-size:12px; vertical-align:top; padding:0 5px; }
#article_footer_nav table td#prev a, #article_footer_nav table td#next a{ display:block; text-indent:-9999px; height:16px; width:49px; background-repeat:no-repeat; background-position:top left; }
#article_footer_nav table td#prev a{ background-image:url(/common/img/conn_prev.gif); }
#article_footer_nav table td#next a{ background-image:url(/common/img/conn_next.gif); }
#article_footer_nav table td#prev a:hover, #article_footer_nav table td#next a:hover{ background-position:0 -16px; }
#article_footer_nav table td#pages{ color:#ED1C8F; }
#article_footer_nav table td a{ color:#000; text-decoration:none; }
#article_footer_nav table td a:hover{ color:#999; }
#article_footer_nav table td a:active{ color:#EC008C; }

#site_map{ background:#fff; padding:50px 12px 12px 12px; position:relative; width:924px; }
#site_map .col{ width:184px; float:left; position:relative; }
#site_map h5{ font-size:12px; color:#333; margin:0; padding:0 0 5px 0; border-bottom:1px dotted #929497; font-weight:normal; }
#site_map ul, #side_map ul li{ margin:0; padding:0; list-style-type:none; }
#site_map ul{ padding-top:7px; }
#site_map ul li{ margin-bottom:2px; font-size:11px; }
#site_map ul li a{ color:#808184; text-decoration:none; }
#site_map p{ font-size:11px; color:#929497; padding:15px 0 0; }
#site_map .breadcrumb{ position:absolute; top:12px; left:12px; padding:0; font-size:11px; color:#000; }
#site_map .breadcrumb strong{ font-size:12px; }
#site_map .breadcrumb a{ color:#333; text-decoration:none; }

/*.pp_details .pp_nav{ display:block !important; }*/

.archives h3{ margin:0; padding:0 0 10px 0; font-size:32px; line-height:32px; }
.archives h3 a{ color:#000; text-decoration:none; }
.archives h3 a:hover{ color:#EC008C; }
.col_left_large .archives h4{ font-size:13px; margin:7px 0 0 0; padding:12px 0; border-top:1px solid #ccc; }
.archives ul, .archives ul li{ margin:0; padding:0; list-style-type:none; }
.archives ul{ padding-bottom:12px; }
.archives ul li{ margin-bottom:2px; }
.archives ul li a{ font-style:italic; color:#000; text-decoration:none; }
.archives ul li a:hover{ color:#EC008C; }
.archives ul li a strong{ font-style:normal; font-weight:bold; }

.series_block{ border-top:1px solid #ccc; padding-top:12px; }
.series_left{ float:left; width:75px; font-weight:bold; font-size:36px; }
.series_right{ float:left; width:470px; }
.series_right h5{ font-size:15px; margin:0; padding:0 0 2px 0; }
.series_right h5 a{ color:#000; text-decoration:none; }
.series_right h5 a:hover{ color:#EC008C; }
.series_right .links a.series_mp3:hover{ color:#EC008C; text-decoration:underline; }
.series_right .links a.series_pdf:hover{ color:#00aeef; text-decoration:underline; }
.series_right .desc{ font-style:italic; color:#666; font-size:12px; border-bottom:none !important; padding-bottom:0 !important;  }
#series .series_right .links{ color:#A7A9AC; font-size:11px; }
.series_right .links a{ color:#A7A9AC; text-decoration:none; }

.sidebar_content{ padding:12px; background:#E6E6E6; margin-top:12px; }
.sidebar_content h5{ font-size:14px; color:#000; margin:0; padding-bottom:6px; border-bottom:1px solid #333; }
.sidebar_content h6{ font-size:13px; color:#ec008c; padding:12px 0 0 0; margin:0; }
.sidebar_content h6 strong{ color:#000; display:block; }
.sidebar_content ul{ margin:0; padding:12px 0 0 12px; }
.sidebar_content ul li{ color:#333; font-style:italic; }
.sidebar_content ul li a{ color:#333; text-decoration:none; }
.sidebar_content ul li a:hover{ color:#ec008c; text-decoration:underline; }

#full_pdf{ float:right; margin:0; padding-top:9px; text-align:right; width:300px; }
#full_pdf a{ color:#333; text-decoration:none; font-style:italic; }
#full_pdf a:hover{ color:#f78e1e; }
pre{ font-size:11px; width:520px; white-space: pre-wrap; white-space: -moz-pre-wrap; word-wrap: break-word; }