/* --------------------------------------------------------
    Global stylesheet
    Created by: Guillaume - guillaume@falzhobel.ca
    Filename: css/global.css
   -------------------------------------------------------- */
   
/* --------------------------------------------------------
    Reset by Eric Meyers
   -------------------------------------------------------- */
   
    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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* --------------------------------------------------------
    General
   -------------------------------------------------------- */

    body { background-color: #efefef; font: 75%/1.5em Arial, Verdana, Helvetica, sans-serif; color: #333; margin: 0px; padding: 0px; }    
       
    h1, h2, h3, h4, h5 { font-weight: normal; line-height: 1.3em; padding-bottom: 2px; }
    
    h1 { font-size: 150%; color: #333; text-transform: uppercase; }
    h2 { font-size: 160%; color: #23713b; }
    h3 { font-size: 120%; color: #333; text-transform: uppercase; font-weight: bold; }
    h4 { font-size: 130%; color: #23713b; font-weight: bold; }
    h5 { font-size: 110%; color: #333; font-weight: bold; padding-bottom: 0px; }

    h3 span { font-weight: normal; }
    
    p { padding-bottom: 12px; line-height: 1.5em; }
    
    a { color: #23713b; text-decoration: none; -moz-outline-style: none; }
    a:hover, a.link_on { text-decoration: underline; }
    
    a.alt_link { color: #007561; text-decoration: none; -moz-outline-style: none; }
    a.alt_link:hover, a.alt_link_on { color: #007561; text-decoration: underline; }
    
    a.gray { color: #666; }
    a.gray:hover, a.gray_on { color: #666; text-decoration: underline; }
    
    ul { list-style: none; }
    ul li { line-height: 1.5em; }
    
    img { border: 0px; }
    
/* --------------------------------------------------------
    Global classes
   -------------------------------------------------------- */
    
    .tiny { font-size: 90%; }
    .smaller { font-size: 95%; }
    .normal { font-size: 100%; }
    .bigger { font-size: 115%; }
    .bold { font-weight: bold; }
    .no_bold { font-weight: normal; }
    .centered { text-align: center; margin: 0 auto; }
    .right { text-align: right; }
    .uppercase { text-transform: uppercase; }
    .normalcase { text-transform: none; }
    .underlined { text-decoration: underline; }
    .red { color: #ff0000; }
    
    .no_pad { padding-bottom: 0px; }
    .small_pad { padding-bottom: 5px; }
    .top_pad { padding-top: 5px; }
    .top_pad_extra { padding-top: 10px; }
    .bot_pad { padding-bottom: 10px; }
    .sides_pad { padding: 0px 3px; }
    
    .alt_color { color: #23713b; }
    .lighter { color: #666; }
    
    .alt_bg_color { background-color: #fcfaf1; }
    
    .top_sep { border-top: 1px solid #ddd; padding-top: 10px; }
    .bot_sep { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; }
    .bot_sep_extra { border-bottom: 3px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; }
    .bot_sep_colored { border-bottom: 3px solid #fed24c; padding-bottom: 10px; margin-bottom: 10px; }
    .bot_sep_colored_alt { border-bottom: 3px solid #69ac7d; padding-bottom: 10px; margin-bottom: 10px; }
    
    .border { border: 1px solid #ddd; }
    .border_extra { border: 3px solid #ddd; }
    
    .image_caption { background-color: #eee; padding: 8px 10px; margin-bottom: 10px; text-align: center; }
    
    .box_pad { padding: 0px 10px; }
    
    .hide, hr { display: none; }
    
    .normal_list { padding-bottom: 15px; }
    .normal_list li { padding-bottom: 2px; }
    
    .bullet_list { padding: 10px 0px 15px 25px; }
    .bullet_list li { padding: 0px 0px 2px 0px; list-style-type: disc; }
    
    .two_col_list { width: 100%; overflow: hidden; background: url("../images/global/dashed_sep_bg.gif") repeat-y top center; padding-top: 5px; }
    .two_col_list ul li { padding: 0px 0px 10px 10px; }
    .two_col_list ul li ul { padding: 5px 0px 0px 30px; }
    .two_col_list ul li ul li { padding: 0px 0px 3px 0px; }
    
    .products_list { padding-bottom: 20px; }
    .products_list li { width: 100%; overflow: hidden; min-height: 68px; }
    .products_list li .grid_right { padding-left: 10px; }
    .products_list li p { padding-bottom: 0px; }
    .products_list li.featured { margin-bottom: 10px; }
    
    .two_col_sep { width: 100%; overflow: hidden; background: url("../images/global/dashed_sep_bg.gif") repeat-y top center; padding-top: 5px; margin-bottom: 15px; }
    
    .hot_list_box h3 { padding: 9px 10px; }
    .hot_list_box ul { padding: 0px 10px; }
    .hot_list_box ul li { padding-bottom: 7px; }
    
    .pagination { text-align: right; padding-bottom: 0px; }
    .pagination a { font-size: 120%; font-weight: bold; padding: 0px 3px; }
    .pagination span { vertical-align: top; }
    
    .tool_nav { text-align: right; }
    .tool_nav a { display: block; float: right; padding: 3px 12px 0px 18px; width: 42px; height: 13px; }
    .tool_nav a#tool_save { background: url("../images/global/icon_download.gif") no-repeat top left; padding-left: 15px; width: 40px; }
    .tool_nav a#tool_print { background: url("../images/global/icon_print.gif") no-repeat top left; }
    .tool_nav a#tool_email { background: url("../images/global/icon_email.gif") no-repeat top left; }
    .tool_nav a#tool_share { background: url("../images/global/icon_share.gif") no-repeat top left; }
    
    .tool_tip { display: none; border: 3px solid #999; background-color: #f2f2f2; font-size: 100%; padding: 7px 10px; z-index: 1000; }
    .tool_tip a { display: block; }
    .pdf_save { width: 160px; }
    .pdf_save a { background: url("../images/global/icon_pdf.png") no-repeat top left; padding: 3px 0px 3px 22px; }
    
    .memberzone_box { min-height: 245px; margin-bottom: 20px; }
    .memberzone_box h3 { padding: 9px 10px; }
    .memberzone_box_pad { padding: 7px 15px 5px 15px; }
    
    .image_overflow { overflow: hidden; width: 150px; height: 100px; border: 1px solid #ddd; text-align: center; }
    .image_overflow a { display: block; }
    .image_overflow_190 { overflow: hidden; width: 190px; height: 105px; border: 1px solid #ddd; text-align: center; }
    .image_overflow_190 a { display: block; }
    
    .image_caption_block { text-align: center; margin: 10px auto 15px auto; }
        
/* --------------------------------------------------------
    Content Blocks - FCK Editor
   -------------------------------------------------------- */
    
    .user_fck_input {  }
    .user_fck_input ul { padding: 5px 0px 5px 25px; }
    .user_fck_input ul li { list-style: disc; padding-bottom: 2px; }
        
/* --------------------------------------------------------
    Forms
   -------------------------------------------------------- */
    
    input, select, textarea { font: 100% Arial, Verdana, Helvetica, sans-serif; padding: 3px; color: #333; background-color: #fff; border: 2px solid #9fcabb; }
    select { padding: 1px; border-width: 1px; }
    input.input_radio, input.input_checkbox, input.input_submit, input.submit_btn { border: 0px; padding: 0px; background: transparent; }
    input.submit_btn { background: url("../images/global/submit_btn_bg.png") repeat-x bottom left; padding: 5px; color: #fff; font-weight: bold; width: 9em; font-size: 115%; }
    input.submit_btn:hover { background-image: none; }
    input.submit_btn, label { cursor: pointer; }
    
    form .form_table { width: 100%; margin-bottom: 5px; }
    form .form_table td { padding-bottom: 10px; }
    form .form_table td.label { width: 33%; font-weight: bold; padding-right: 2%; vertical-align: middle; }
    form .form_table td.input { width: 65%; }
    form .form_table td.label_small { width: 24%; }
    form .form_table td.input_wider { width: 74%; }
    form .form_table td.label_half { width: 46%; }
    form .form_table td.input_half { width: 52%; }
    form .form_table td.input input { font-size: 110%; border-color: #ccc; }
    form .form_table td.input input.input_text { width: 250px; padding: 4px; }
    form .form_table td.input span { font-weight: bold; padding-left: 5px; }
    
    form#login_form .form_table td.label, form#login_new_member_form .form_table td.label { text-align: right; }
    
    .input_half_cols { width: 100%; overflow: hidden; padding-bottom: 15px; }
    .input_half_cols li { float: left; width: 48%; padding-bottom: 2px; }
    
    .checkbox_half_cols { width: 100%; overflow: hidden; padding-bottom: 8px; }
    .checkbox_half_cols li { float: left; width: 48%; padding-bottom: 10px; line-height: 1.5em; }
    .checkbox_half_cols li strong { font-size: 110%; }
    .checkbox_half_cols li label span { padding-left: 24px; }
    
    .radio_quarter_cols { width: 100%; overflow: hidden; padding-bottom: 15px; }
    .radio_quarter_cols li { float: left; width: 170px; padding-bottom: 2px; }

/* --------------------------------------------------------
    Grid layout and classes (12 cols)
   -------------------------------------------------------- */
   
    #container { width: 960px; margin: 0 auto; }
    
    .grid_940 { width: 940px; }
    .grid_860 { width: 860px; }
    .grid_780 { width: 780px; }
    .grid_700 { width: 700px; }
    .grid_620 { width: 620px; }
    .grid_540 { width: 540px; }
    .grid_460 { width: 460px; }
    .grid_380 { width: 380px; }
    .grid_300 { width: 300px; }
    .grid_220 { width: 220px; }
    .grid_140 { width: 140px; }
    .grid_60  { width: 60px;  }
    
    .grid_left { float: left; }
    .grid_right { float: right; }
    
    .grid_left_pad { padding-left: 20px; }
    .grid_right_pad { padding-right: 20px; }
    
    .clearer { width: 100%; overflow: hidden; padding-bottom: 10px; }
    
    /* Custom grids */
    .grid_440 { width: 440px; }
    .grid_420 { width: 420px; }
    .grid_360 { width: 360px; }
    .grid_240 { width: 240px; }
    .grid_230 { width: 230px; }
    .grid_190 { width: 190px; }
    .grid_135 { width: 135px; }
    .grid_120 { width: 120px; }
    
/* --------------------------------------------------------
    Global styling
   -------------------------------------------------------- */
    
    #container { text-align: left; background-color: #fff; }
   
/*  Top
   -------------------------------------------------------- */
   
    #top { padding: 10px 10px 0px 10px; height: 90px; }
    #top_leaderboard { float: left; width: 728px; }
    #top_tools { float: right; position: relative; z-index: 1; width: 200px; height: 90px; background: url("../images/global/top_tools_bg.gif") no-repeat; }
    #top_tools p { position: absolute; z-index: 2; line-height: 1em; left: 14px; }
    #top_tools p a { color: #fff; font-weight: bold; display: block;  width: 170px; text-align: center; }
    #top_tools p#tools_home { top: 20px; }
    #top_tools p#tools_bookmark { top: 40px; }
    
/*  Header
   -------------------------------------------------------- */
   
    #header { background: url("../images/global/header_bg.jpg") no-repeat; height: 120px; }
    #header_logo { float: left; width: 380px; padding-top: 10px; }
    #header_search { float: right; width: 380px; padding: 60px 50px 0px 0px; text-align: right; }
    #header_search p { float: right; padding: 0px 0px 0px 10px; }
    #header_search input#form_search_keyword { width: 250px; }

/*  Nav
   -------------------------------------------------------- */
   
    #nav { background-color: #69ac7d; height: 30px; }
    #nav ul li { float: left; height: 30px; }
    #nav ul li a { display: inline-block; font-size: 120%; color: #ffffff; font-weight: bold; text-transform: uppercase; padding: 6px 10px 0px 10px; height: 24px; }
    html>body #nav ul li a { display: block; }
    #nav ul li a.nav_on, #nav ul li a:hover { background-color: #23713b; text-decoration: none; }
    
/*  Content head
   -------------------------------------------------------- */
   
    #content_head { padding: 10px; border-bottom: 1px solid #ddd; height: 40px; }
    #content_head_left h1 { padding-top: 3px; }
    #content_head_left h3 { padding-top: 5px; }
    #content_head_left p { padding-bottom: 0px; }
    #content_head_left span { padding: 0px 2px; vertical-align: top; font-weight: normal; }
    #content_head_right { text-align: right; border-left: 1px solid #ddd; height: 40px; font-size: 120%; }
    #content_head_right p { line-height: 1.5em; padding-bottom: 0px; }
    #content_head_right p a { color: #666; }
    #content_head_right p a#subscribe_newsletter { color: #a20000; }
    #content_head_right p a#subscribe_magazine { color: #007561; }
    
/*  Main
   -------------------------------------------------------- */
    
    #main { padding: 10px 10px 20px 10px; min-height: 500px; }
    
/*  Sidebar
   -------------------------------------------------------- */
   
    #sidebar .sidebar_ads { padding-bottom: 10px; }
    #sidebar #company_spotlight { padding-top: 10px; margin-bottom: 10px; }
    #sidebar #company_spotlight h2 { font-size: 140%; line-height: 1.2em; padding-bottom: 3px; }
    #sidebar #sidebar_sponsors li { float: left; width: 140px; padding: 0px 0px 6px 6px; }
    #sidebar #sidebar_sponsors li a { display: block; padding: 5px; border: 2px solid #eee; }

/*  Breadcrumb
   -------------------------------------------------------- */   
   
    #breadcrumb { background-color: #23713b; padding: 10px; margin-bottom: 20px; }
    #breadcrumb a { color: #fff; }
    #breadcrumb a:hover { text-decoration: underline; }
    #breadcrumb .clearer { padding-bottom: 0px; }
    #breadcrumb .grid_right { text-align: right; }
    #breadcrumb .grid_right img { vertical-align: middle; padding-right: 6px; }
    
/*  Footer
   -------------------------------------------------------- */
   
    #footer { padding: 0px 10px; color: #666; }
    #footer #footer_inner { background: url("../images/global/footer_bg.gif") repeat-y; margin-bottom: 15px; }
    #footer #footer_inner ul li { padding-bottom: 4px; }
    #footer #footer_notes { padding: 20px 10px; text-align: center; border-top: 1px dashed #ccc; }
    #footer #footer_notes img { vertical-align: bottom; padding: 0px 3px; }
    #footer #footer_notes p.mags_list { line-height: 1.6em; }
    
/* --------------------------------------------------------
    Section : Home
   -------------------------------------------------------- */
    
    #home #content_head_left h1 { padding-top: 10px; }
    
    .home_news { padding-bottom: 20px; }
    .home_news li { width: 100%; overflow: hidden; }
    .home_news li .grid_right { padding-left: 10px; }
    .home_news li p { padding-bottom: 0px; }
    .home_news li.featured { margin-bottom: 10px; }
    
    #home_events { margin-bottom: 10px; }
    #home_events h3 { padding: 9px 10px; }
    #home_events ul { padding: 0px 10px; } 
    #home_events ul li { padding-bottom: 15px; }
    #home_events ul li p { padding-bottom: 0px; }
    
    #home_editorial h3 { padding: 9px 10px; }
   
/* --------------------------------------------------------
    Section : News
   -------------------------------------------------------- */
   
    #news #content_head_left h1 { padding-top: 10px; }
    #news .tool_nav { padding-top: 3px; }

/* --------------------------------------------------------
    Section : Products
   -------------------------------------------------------- */
    
    #products .tool_nav { padding-top: 3px; }
    
/* --------------------------------------------------------
    Section : Events
   -------------------------------------------------------- */
    
    #events #content_head_left h1 { padding-top: 10px; }
    
/* --------------------------------------------------------
    Section : Companies
   -------------------------------------------------------- */
    
    #companies #content_head_left h1 { padding-top: 10px; }
    #companies #content_head_left h1 a { color: #333; }
    
    .letters_jump { padding-left: 3px; }
    
    .companies_list { width: 100%; overflow: hidden; margin-bottom: 15px; }
    .companies_list li { float: left; width: 48%; padding: 0px 1% 2px 0px; }
    
/* --------------------------------------------------------
    Section : Opinions
   -------------------------------------------------------- */
    
    #opinions #content_head_left h1 { padding-top: 10px; }
    #opinions .tool_nav { padding-top: 3px; }
    
/* --------------------------------------------------------
    Section : Magazine
   -------------------------------------------------------- */
    
    .latest_table_contents strong { display: block; padding-bottom: 5px; }
    
    .past_issues_list { width: 100%; overflow: hidden; }
    .past_issues_list li { float: left; width: 140px; padding-bottom: 10px }
    .past_issues_list li p { padding-bottom: 2px; }
    .past_issues_list li p.past_issue_image { padding-bottom: 8px; }
    
/* --------------------------------------------------------
    Section : Login
   -------------------------------------------------------- */
   
    #login #login_form .form_table td.input input.input_text { width: 200px; }
    #login #login_form .form_table td.label { width: 39%; }
    #login #login_form .form_table td.input { width: 59%; }
    
/* --------------------------------------------------------
    Section : Search
   -------------------------------------------------------- */
    
    #search .home_news { padding-bottom: 0px; }
    
/* --------------------------------------------------------
    Section : Digital Issues
   -------------------------------------------------------- */
    
    .issue_nav { height: 30px; position: relative; z-index: 2; }
    
    .issue_nav a { outline: none; -moz-outline-style: none; }
    
    .issue_nav .issue_nav_dual { position: absolute; z-index: 3; top: 0px; left: 0px; }
    .issue_nav .issue_nav_full { position: absolute; z-index: 3; top: 0px; left: 54px; }
    
    .issue_nav .issue_nav_dual a { display: block; background: url("../images/global/icon_dual_view.gif") no-repeat; width: 44px; height: 29px; }
    .issue_nav .issue_nav_full a { display: block; background: url("../images/global/icon_full_view.gif") no-repeat; width: 22px; height: 29px; }
    .issue_nav .issue_nav_dual a.dual_on,
    .issue_nav .issue_nav_dual a:hover,
    .issue_nav .issue_nav_full a.full_on,
    .issue_nav .issue_nav_full a:hover { background-position: bottom left; }
    
    .issue_nav .issue_nav_top_btns a { display: block; position: absolute; z-index: 3; text-transform: uppercase; height: 16px; }
    .issue_nav .issue_nav_top_btns a.issue_nav_first { top: 6px; left: 159px; background: url("../images/global/icon_first_page.gif") no-repeat center left; padding: 2px 0px 0px 23px; }
    .issue_nav .issue_nav_top_btns a.issue_nav_prev  { top: 6px; left: 273px; background: url("../images/global/icon_prev_page.gif") no-repeat center left; padding: 2px 0px 0px 23px; }
    .issue_nav .issue_nav_top_btns a.issue_nav_next  { top: 6px; left: 550px; background: url("../images/global/icon_next_page.gif") no-repeat center right; padding: 2px 23px 0px 0px; }
    .issue_nav .issue_nav_top_btns a.issue_nav_last  { top: 6px; left: 660px; background: url("../images/global/icon_last_page.gif") no-repeat center right; padding: 2px 23px 0px 0px; }
    
    .issue_nav .issue_nav_pages { position: absolute; z-index: 4; top: 5px; left: 415px; }
    .issue_nav .issue_nav_pages select { width: 75px; }
    .issue_nav .issue_nav_pages span { padding-left: 3px; }
        
    .issue_frame .icon_frame_nav_first { position: absolute; z-index: 3; top: 10px; left: 0px; display: block; background: url("../images/global/icon_frame_nav_first.jpg") no-repeat; width: 40px; height: 40px; }
    .issue_frame .icon_frame_nav_prev { position: absolute; z-index: 3; top: 283px; left: 0px; display: block; background: url("../images/global/icon_frame_nav_prev.jpg") no-repeat; width: 40px; height: 40px; }
    .issue_frame .icon_frame_nav_last { position: absolute; z-index: 3; top: 10px; left: 900px; display: block; background: url("../images/global/icon_frame_nav_last.jpg") no-repeat; width: 40px; height: 40px; }
    .issue_frame .icon_frame_nav_next { position: absolute; z-index: 3; top: 283px; left: 900px; display: block; background: url("../images/global/icon_frame_nav_next.jpg") no-repeat; width: 40px; height: 40px; }    
    
    .issue_frame .issue_frame_center { position: absolute; z-index: 5; width: 860px; left: 40px; top: 10px; }
    
    .issue_frame .issue_loading { position: absolute; z-index: 4; top: 55px; left: 458px; }
    
    /* Dual View */
    #dual_view .issue_frame { position: relative; width: 940px; height: 620px; background: url("../images/global/issue_frame_bg.jpg") no-repeat; }
    #dual_view .issue_frame .issue_frame_center { height: 594px; }
    #dual_view .issue_frame .issue_frame_center div#page_dual_first, #dual_view .issue_frame .issue_frame_center div#page_dual_second { float: left; width: 430px; height: 594px; text-align: center; }
    #dual_view .issue_frame .issue_frame_center div img { text-align: center; margin-top: 45px; }
    #dual_view .issue_frame .issue_frame_center div img.page_image { cursor: pointer; }
    #dual_view .issue_frame #first_load { left: 239px; }
    #dual_view .issue_frame #sec_load { left: 677px; }
    
    #dual_view .issue_frame .issue_frame_center div#issue_table_contents { text-align: left; padding: 90px 40px 40px 60px; background-color: #fff; }
    #dual_view .issue_frame .issue_frame_center div#issue_table_contents strong { display: block; padding-bottom: 5px; }
    #dual_view .issue_frame .issue_frame_center div#issue_table_contents ul { padding: 10px 0px 15px 25px; }
    #dual_view .issue_frame .issue_frame_center div#issue_table_contents ul li { list-style: disc; padding-bottom: 2px; }
    
    /* Full View */
    #full_view { display: none; }
    #full_view .issue_frame { position: relative; width: 940px; height: 1214px; background: url("../images/global/issue_frame_bg_full.jpg") no-repeat; }
    #full_view .issue_frame .issue_frame_center { width: 860px; height: 1188px; }
    #full_view .issue_frame .issue_frame_center div { width: 860px; height: 1188px; cursor: pointer; }
    #full_view .issue_frame .issue_frame_center div img { text-align: center; cursor: pointer; }
    #full_view .issue_frame .icon_frame_nav_prev { top: 587px; }
    #full_view .issue_frame .icon_frame_nav_next { top: 587px; }
    #full_view .issue_frame #full_load { left: 458px; }