/*

    CSR360 by ERSKINE DESIGN
    VERSION 1.0
    
    CONTENTS ----------
    
    1. BODY
    2. DEFAULT STYLING
    3. HEADINGS
    4. LINKS
    5. GLOBAL STYLES
    6. LAYOUT
    7. BRANDING/MASTHEAD
    8. NAVIGATION
    9. CONTENT PRI STYLES
        9.1. category list
        9.2. content_pri listing
        9.3. file list
        9.4. body text
        9.5. related features
        9.6. article styles
        9.7. comment styles
        9.8. sponsor logos
        9.9. jquery ui tabs
        9.10. locations
        9.11. registered user options
        9.12. listing options
        9.13. magazine cta
        9.14. page options
        9.15. posted by
        9.16. further reading
        9.17. content pri sub2 styles
    10. CONTENT SEC STYLES
    11. MAGAZINE STYLES
    12. PEOPLE STYLES
    13. LIBRARY STYLES
    14. PARTNER LANDING PAGE
    15. PARTNER PROFILE STYLES
    16. CONTACT STYLES
    17. ABOUT STYLES
    18. RSS STYLES
    19. CORPORATE SUPPORTERS
    20. SEARCH RESULTS STYLES
    21. POLL PAGES
    22. SITEINFO/FOOTER
       
    -------------------
    
*/

@import url(reset.css); /* RESET CSS */
/* @import url(forms.css); /* FORMS CSS */ */


/* Specialized SSG Styles: ------------------------------------------- */
.gentrek2 {
    color:             blue;
    font:              bold 105%/110% EmpireBuilder, Tahoma, Impact, Verdana, Arial, sans-serif ;
    font-style:        italic;
    margin:            0px 8px 0px 2px;
    text-align:        left;
}
p.byline{
    color:            blue;
    font:             italic 1.3em Georgia, Verdana;
    margin-top:       0em;
    padding:          0px 10px 20px 0px;
    text-align:       right;
}
p.counter{
    padding:          0px 15px 0px 15px;
}
p.indent{
    color:            black;
    font:             10pt Verdana, Arial;
    padding:          3px 5px 2px 5px;
    margin:           0px;
    text-align:       left;
    text-indent:      10px;
}
p.title{
    color:            blue;
    font:             bold 11pt Tahoma, Verdana;
    text-align:       center;
}

/* ---------------------------------------------------------------------- 
 1. BODY
---------------------------------------------------------------------- */

body { font:12px/1.6 verdana, sans-serif; color:#1d1d1d; }
ul#nav_access { position:absolute; top:-9999px; left:-9999px; }


/* ---------------------------------------------------------------------- 
 2. DEFAULT STYLING
---------------------------------------------------------------------- */

p,ul,dl,ol { margin:0 0 1em 0; }

ul li { margin-bottom:0.5em; }

ol { list-style-type:decimal; }
ol li { margin-left:24px; }

ol p { margin-top:0; }

abbr { border-bottom:1px solid #ccc; cursor:help; }
del { color:#999; }
strong { font-weight:bold; }
em { font-style:italic; }
sup { font-size:0.75em; position:relative; top:-3px; }

table { margin-bottom:1.4em;width:100%; }
th { font-weight:bold; color: #000; }
th, td { padding:4px 10px 4px 5px; }

small { font-size:10px; }


/* ----------------------------------------------------------------------
 3. HEADINGS
---------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight:bold; clear: both; }

h2 { color: #000; font-weight:normal; font-size:24px; margin: 0 0 18px 0; line-height:1.4; background-color:#FFF; margin:0; padding-bottom:20px; }
h2.alt1 { font-weight:normal; font-size:24px; margin: 0 0 18px 0; line-height:1.4; background:#FFF url(../image/fampix/round_mag_top.gif) repeat-x 0 bottom; margin:0; padding-bottom:27px; }
h2.alt2 { padding-bottom:10px; }
h2 span { color: #666; font-size: 55%; text-transform: uppercase;}

body div#content_pri h3.alt1 { padding-top:0; border-top:2px solid #CCC;}

body div#content_pri h3.alt2, body div#content_pri h3.alt3 { line-height:1.4; text-transform:none; letter-spacing:normal; border-top:2px solid #CCC; margin-bottom:1em; }
body div#content_pri h3.alt2 { font-size:16px; font-weight:normal; padding:0; }
body div#content_pri h3.alt3 { font-size:12px; font-weight:bold; padding:10px 0 0 0; border-top:2px solid #CCC; }

div#content_pri_sub1 h3, div#content_pri_sub2 h3 { text-transform:uppercase; font-size:14px; letter-spacing:1px; font-weight:bold; border-top:2px solid #CCC; margin:0 0 10px 0; padding-top:8px; }
h4 { font-size:10px;}


/* ---------------------------------------------------------------------- 
 4. LINKS
---------------------------------------------------------------------- */

a { color: #16547A; text-decoration:underline; }
a:hover { font-weight: bold; text-decoration:underline; }


/* ---------------------------------------------------------------------- 
 5. GLOBAL STYLES
---------------------------------------------------------------------- */

.clear { clear:both; }
.hide {display:none;}

p.more { background:url(../image/fampix/arrw_s_blue.gif) no-repeat 0 7px; padding-left:8px; font-size:11px; }

p.meta { font-size:11px; color: #5B5B5B;}
p.meta span { color: #000; text-transform:uppercase; }
p.meta a { background:url(../image/fampix/border_dot.gif) repeat-x 0 bottom; padding-bottom:2px; color: #5B5B5B; }
p.meta a:hover { background-image:url(../image/fampix/border_solid.gif); text-decoration:none; color: #1d1d1d; }
p.meta.alt1 { margin-bottom:10px; }

span.req { color:#c01b5f; }

/* global image styles */
img.left { float: left; margin: 5px 10px 6px 0; }
img.right { float: right; margin: 5px 0 6px 10px; }

/* keywords styles */
.keywords { color:#4e4e4e; }
.keywords.selected { color: #1D1D1D; }

/* back link - use in back to poll archives and more */
.back { font-size:10px; border-bottom:1px solid #CCC; padding-bottom:5px; position:relative; top:-5px; }
.back_alt1 { font-size:10px; position:relative; top:-5px; }
.back a, .back_alt1 a { color:#666; background:url(../image/fampix/arrw_back.gif) no-repeat 0 2px; padding-left:8px;}

/* validation styles */

/* alerts */
div.alert { background-color:#FFFFCC; border-top:1px solid #FFDD6D; border-bottom:1px solid #FFDD6D; padding:15px 20px 20px 20px; margin-bottom:20px; font-size:11px; }
div.alert h4 { font-size:12px; margin:0 0 10px 0; background-repeat:no-repeat; background-position:0 2px; padding-left:20px; }
div.alert ul { margin-bottom:0; }
div.alert li { background:url(../image/fampix/bullet_yellow.gif) no-repeat 0 6px; margin-left:20px; padding-left:12px; }

/* warning specific */
div.alert.warning h4 { color:#C4004F; background-image:url(../image/fampix/exclamation.gif); }

/* error field */
input.error, textarea.error { background-color:#F8E1E1; }


/* ---------------------------------------------------------------------- 
 6. LAYOUT
---------------------------------------------------------------------- */

div#container { width:940px; margin:0 auto; border-top:3px solid #313131; }
div#content_wrap { margin-top:15px;  }

div#content_pri { width:700px; float:left; margin-bottom:20px; }
div#content_sec { width:220px; float:right; }

div#content_pri div#content_pri_sub1 { float:left; }
div#content_pri div#content_pri_sub2 { float:left; margin-left:20px; font-size:11px; }

/* clearing floats */
div#content_sec, div#content_wrap, div#content_pri div#content_pri_sub2 { display: inline-block; }
div#content_sec:after, div#content_wrap:after, div#content_pri div#content_pri_sub2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html div#content_sec, * html div#content_wrap, * html div#content_pri div#content_pri_sub2 { height: 1%; }
div#content_sec, div#content_wrap, div#content_pri div#content_pri_sub2  { display: block; }

/* layout divider options */
body.col3v1 div#content_wrap { background:url(../image/fampix/col3v1.gif) repeat-y 0 0; }
body.col3v2 div#content_wrap { background:url(../image/fampix/col3v2.gif) repeat-y 0 0; }
body.col3v3 div#content_wrap { background:url(../image/fampix/col3v3.gif) repeat-y 0 0; }
body.col3v4 div#content_wrap { background:url(../image/fampix/dividers/col3v4.gif) repeat-y 0 0; }
body.col3v5 div#content_wrap { background:url(../image/fampix/col3v5.gif) repeat-y 0 0; }

body.col2v1 div#content_wrap { background:url(../image/fampix/dividers/col2v1.gif) repeat-y 0 0; }
body.col2v2 div#content_wrap { background:url(../image/fampix/dividers/col2v1.gif) repeat-y 0 0; }

/*body.3col1*/
body.col3v1 div#content_pri_sub1 { width: 260px; }
body.col3v1 div#content_pri div#content_pri_sub2 { width: 420px; }

/*body.3col2*/
body.col3v2 div#content_pri div#content_pri_sub1 { width: 420px; }
body.col3v2 div#content_pri div#content_pri_sub2 { width: 260px; }

/*body.3col3*/
body.col3v3 div#content_pri div#content_pri_sub1 { width: 540px; }
body.col3v3 div#content_pri div#content_pri_sub2 { width: 140px; }

/*body.3col4*/
body.col3v4 div#content_pri div#content_pri_sub1 { width: 180px; }
body.col3v4 div#content_pri div#content_pri_sub2 { width: 500px; }

/*body.3col5*/
body.col3v5 div#content_pri div#content_pri_sub1 { width: 500px; }
body.col3v5 div#content_pri div#content_pri_sub2 { width: 180px; }

/*body.2col1*/
body.col2v1 div#content_pri div#content_pri_sub1 { width: 500px; }
body.col2v1 div#content_pri div#content_pri_sub2 { width: 180px; }

/*body.2col2*/
body.col2v2 div#content_pri div#content_pri_sub1 { width: 420px; }
body.col2v2 div#content_pri div#content_pri_sub2 { width: 260px; }


/* ----------------------------------------------------------------------
 7. BRANDING/MASTHEAD
---------------------------------------------------------------------- */

div#branding { position:relative; height: 190px; background:transparent url(../image/fampix/PowellClan2010.gif) no-repeat 522px 0; }
div#branding h1 { font-size:14px; position:absolute; left: 0; top: 0; background:transparent url(../image/fampix/PowellClan2010.jpg) no-repeat 0 0; width: 480px; height: 200px; text-indent:-9999em; }
div#branding h1 a { display:block; width: 203px; height: 65px; }

div#lang_form { position:absolute; right: 0; width: 200px; }

div#navigation_sec_wrap { position:absolute; right: 0; }
div#navigation_sec_wrap p, div#navigation_sec_wrap form { display:inline;}

/* primary search form */
div#search_form_wrap { float:left; color: #FFF;  font-size:10px; background:#313131 url(../image/fampix/trans_left.gif) no-repeat bottom left; overflow:hidden; }
div#search_form_inner { background:transparent url(../image/fampix/trans_right.gif) no-repeat bottom right; margin:0; padding: 0 10px; }
form#search_form div { display:inline; }
form#search_form input { font-size:11px; margin-bottom:6px; }
form#search_form input#search.keywords { width:155px; border:none; padding:2px; margin-top:3px; }
form#search_form p { margin:0; }
form#search_form label { display:none; }

div#account_info { font-size:11px;width: 500px; height: 50px; position:absolute; right: 90px; top: 65px; text-align:right; }
div#account_info p { margin-bottom:3px; }

img#convened_bitc { position:absolute; right: 0; top: 43px; }

div#breadcrumbs_wrap { position:relative; }


/* ---------------------------------------------------------------------- 
 8. NAVIGATION
---------------------------------------------------------------------- */

/* ------- primary navigation ------- */

ul#navigation_pri { font-size: 11px; margin:0; line-height:1; font-weight:bold; width: 940px; background:transparent url(../image/fampix/ul_bg.gif) no-repeat right 0; position:absolute; bottom:0; overflow:hidden; }
ul#navigation_pri li { margin: 0; display: block; float:left; padding-left:5px; background:#0a4260 url(../image/fampix/tab_left.gif) no-repeat 0 0; }
ul#navigation_pri li:hover, ul#navigation_pri li.first:hover, ul#navigation_pri li.last:hover { background-color:#003854; }
ul#navigation_pri li.first { background:#004767 url(../image/fampix/tab_left_first.gif) no-repeat 0 0; }
ul#navigation_pri li a { color:#f8f8f8; display: block; text-decoration: none; padding: 9px 10px 10px 5px; background:transparent url(../image/fampix/tab_right.gif) no-repeat right 0; }
ul#navigation_pri li.last a { background:transparent url(../image/fampix/tab_right_last.gif) no-repeat right 0; }
ul#navigation_pri li a:hover { color: #FFF; }

/* currently selected prim nav item */
ul#navigation_pri li.cur { background-image:url(../image/fampix/cur_tab_left.png); background-color:beige; }
ul#navigation_pri li.cur a, ul#navigation_pri li.cur.first a, ul#navigation_pri li.cur.first a:hover, ul#navigation_pri li.cur a:hover { background-image:url(../image/fampix/cur_tab_right.png); color: #1d1d1d; background-color:beige; }

/* ------- secondary navigation ------- */
ul#navigation_sec { float:left; font-size: 12px; margin:0; line-height:0.7; }
ul#navigation_sec li { margin: 10px 0 0 0; display: block; float:left;  }
ul#navigation_sec li a { color: #1F1F1F; display: block; text-decoration: none; padding: 0px 10px; border-left: 1px solid #1F1F1F; }
ul#navigation_sec li.first a { border-left: none; }
ul#navigation_sec li a:hover { text-decoration:underline; }
ul#navigation_sec li.cur a { background-color:#000; color: #FFF; }

/* ------- account navigation ------- */
ul#navigation_account { font-size: 11px; margin:0; text-align:right; }
ul#navigation_account li { margin: 0 0 0 5px; display:inline;}
ul#navigation_account li a { text-decoration: none; padding:0 0 0 9px; border-left: 1px solid #CCC;}
ul#navigation_account li.first a { border-left: none; }
ul#navigation_account li a:hover { text-decoration:underline; }

/* ------- tertiary navigation ------- */
div#breadcrumbs_wrap form input#keywords { color:#999; border:1px solid #ccc; padding:3px 3px 1px 3px; width: 145px; }
div#breadcrumbs_wrap form input#keywords.selected { color: #000; }

/* breadcrumbs */
ul#breadcrumbs { margin:0; padding: 5px 5px; border-bottom:1px solid #CCC; background:beige url(../image/fampix/breadcrumbs_bg.png) repeat-x 0 bottom;}
ul#breadcrumbs li { display:inline; font-size:10px; padding-left:5px; font-weight:bold;  }
ul#breadcrumbs li a { color:#777; padding-right:12px; background:url(../image/fampix/breadcrumbs_arrw.gif) no-repeat right 3px; font-weight:normal; }

/* ------- content_pri navigation ------- */

/* -- alt1 -- */
div#navigation_content_pri { background:#E1E9F0 url(../image/fampix/feat_box/1.gif) no-repeat 0 0; }
div#navigation_content_pri ul { background:url(../image/fampix/1_inner.gif) no-repeat 0 bottom; }
div#navigation_content_pri ul li { background:url(../image/fampix/border_dot_blue.gif) repeat-x 0 0; margin:0; }
div#navigation_content_pri ul li.first { background:none; }
div#navigation_content_pri ul li a { padding:7px 17px; display:block; }
div#navigation_content_pri li.cur a, div#navigation_content_pri li a.cur { font-weight:bold; color:#1d1d1d; background:url(../image/fampix/arrw_alt1.gif) no-repeat 6px 12px; }
div#navigation_content_pri li.cur a:hover, div#navigation_content_pri li a.cur:hover { text-decoration:none; }

div#navigation_content_pri ul li ul li, div#navigation_content_pri ul li.child { padding-left: 15px; font-size: 10px;}
div#navigation_content_pri ul li ul { margin: 0; }

/* -- alt2 -- */
div#navigation_content_pri.alt2 { background:none; margin-top:-4px; }
div#navigation_content_pri.alt2 ul { background:none; }
div#navigation_content_pri.alt2 ul li { background:url(../image/fampix/border_dot_blue.gif) repeat-x 0 bottom; }
div#navigation_content_pri.alt2 li.cur a { background-image:url(../image/fampix/arrw_alt2.gif); }

/* FEATURE BOX */

div.feat_box { background-repeat:no-repeat; background-color:#E1E9F0; background-position:0 0; margin-bottom:10px; }
div.feat_box_inner { background-repeat: no-repeat; padding:10px; background-position:0 bottom; }
body div#content_pri div.feat_box h3 { letter-spacing:normal; text-transform:none; border:none; margin:0 0 1em 0; padding:0; font-size:12px; }
div.feat_box p.pdf { list-style-type:none; background-repeat:no-repeat; background-position:0 0; 
padding:0 0 5px 23px; margin:5px 0; background-image:url(../image/fampix/pdf.gif); }

/* variations */
div.feat_box.alt1 { background-image:url(../image/fampix/1.gif); }
div.feat_box.alt1 div.feat_box_inner { background-image:url(/image/fampix/content_pri/feat_box/1_inner.gif); }
div.feat_box.alt2 { background-image:url(../image/fampix/2.gif);  }
div.feat_box.alt2 div.feat_box_inner { background-image:url(/image/fampix/content_pri/feat_box/2_inner.gif); }

div.feat_box.alt3 { background-image:url(../image/fampix/1.gif); background-color:#F2F2F2; }
div.feat_box.alt3 div.feat_box_inner { background-image:url(/image/fampix/content_pri/feat_box/1_inner.gif); }

div.feat_box.alt4 { background:#3394aa url(../image/fampix/library_intro_bg.gif) no-repeat 0 0; color:#e0f3f6; font-size: 11px; margin-bottom:1em;}
div.feat_box.alt4 div.feat_box_inner { background:url(../image/fampix/library_intro_inner_bg.gif) no-repeat 0 bottom; padding:10px 10px 1px 10px;}
div.feat_box.alt4 a { color:#FFF; font-weight:bold; }

/* links */
div.feat_box ul.listing li a { background:url(../image/fampix/arrw_s_blue.gif) no-repeat 0 4px; padding-left:8px;}

/* more link */
div.feat_box p.more { font-weight:bold; background: transparent url(../image/fampix/arrw_l_int.gif) no-repeat 0 2px; padding-left:32px; margin-bottom:10px; }


/* ---------------------------------------------------------------------- 
 9. CONTENT PRI STYLES
---------------------------------------------------------------------- */


/* 9.1. category list
---------------------------------------------------------------------- */

ul.cats {  }
ul.cats h4 { font-size:11px; }
ul.cats li { font-weight:bold; }
ul.cats li ul { margin:3px 0 10px 0; }
ul.cats li ul li { font-weight:normal; background:url(../image/fampix/arrw_s_blue.gif) no-repeat 0 7px; padding-left:10px; margin-bottom:2px; }
ul.cats li ul.cats_other li { display:inline; padding:0; background:none;}

/* cats alt */
ul.cats.alt li { font-weight:normal; background:url(../image/fampix/arrw_s_blue.gif) no-repeat 0 7px; padding-left:10px; margin-bottom:2px; }

div#content_pri h3 {  }
div#content_pri h4 {  }
div#content_pri h5 {  }
div#content_pri p.img_caption { font-size:10px; color: #666666;  }

/* 9.2. content_pri listing
---------------------------------------------------------------------- */

div#content_pri div.listing h4 { font-size:13px; margin-bottom:2px; }
div#content_pri div.listing h4 span { color: #666; font-weight:normal; text-transform:uppercase; }
div#content_pri div.listing h4 a:hover span { color: #004767; }

div#content_pri div.listing ul { font-size:11px; margin-bottom:10px; }
div#content_pri div.listing ul li { overflow: hidden; position:relative; margin-bottom:10px; padding-bottom:10px; background:url(/image/fampix/borders/border_dash.gif) repeat-x 0 bottom; }
div#content_pri div.listing ul li.featured h4 { width: 100% }
div#content_pri div.listing ul li.featured p { margin-bottom:4px; }

div#content_pri div.listing ul img { float:left; margin-bottom:10px; margin-right:10px; position:relative; top: 4px;}

div#content_pri div.listing ul p.meta { clear:both; margin:0; font-size:10px; color: #5B5B5B;}
div#content_pri div.listing ul p.meta a { background:url(../image/fampix/border_dot.gif) repeat-x 0 bottom; padding-bottom:2px; color: #5B5B5B; }
div#content_pri div.listing ul p.meta a:hover { background-image:url(../image/fampix/border_solid.gif); text-decoration:none; color: #1d1d1d; }

/* content pri events and resources listing */
div#content_pri div.listing.events ul li, div#content_pri div.listing.resources ul li { margin-bottom:15px; padding:0 0 8px 0; }
div#content_pri div.listing.events ul li p, div#content_pri div.listing.resources ul li p { margin-bottom:0; }
div#content_pri div.listing.events p.meta, div#content_pri div.listing.resources p.meta { font-size:11px; margin-bottom:5px; }

/* events listing specific */
div#content_pri div.listing.events ul li { min-height:70px; position:relative; }
div#content_pri div.listing.events ul li img { position:absolute; right:0; margin:0; top:2px; }
div#content_pri div.listing.events ul li h4 { float:left; width:330px; }
div#content_pri div.listing.events ul li p { float:left; width:330px; clear:both; }

p.cats, p.partners { text-decoration:none; color: #1d1d1d; background:url(../image/fampix/border_dash.gif) repeat-x 0 bottom; padding-bottom:8px; clear:both; margin: 8px 0 0 0; font-size:11px; }
div#content_pri div.listing p.partners { padding-bottom:0; background:none; }

/* alt - brief listing */
div#content_pri div.listing.events_alt1 ul li { font-size:10px; padding:0; background:none; color: #5B5B5B; }
div#content_pri div.listing.events_alt1 ul li h4 { font-size:12px; font-weight:bold; }
div#content_pri div.listing.events_alt1 ul li p { margin:0; }

/* content pri resources listing */
div#content_pri  div.listing.resources_alt1 ul li {  padding:0; background:none; font-weight:bold; }

/* search listing */
div#content_pri div.listing.search h4 span { color: #1d1d1d; }


/* 9.3. file list
---------------------------------------------------------------------- */

.file { padding: 2px 0 2px 20px;}

h4.pdf, h4.mov, h4.txt, h4.zip, h4.doc, h4.rtf, h4.mp3, h4.jpg, h4.jpeg, h4.gif, h4.png, h4.xls, h4.other, h4.link { padding-left:22px !important; }

.pdf { background:url(../image/fampix/pdf.gif) no-repeat; }
.mov { background:url(/image/fampix/file_types/mov.gif) no-repeat; }
.txt { background:url(../image/fampix/txt.gif) no-repeat; }
.zip { background:url(../image/fampix/zip.gif) no-repeat; }
.doc, .rtf { background:url(../image/fampix/doc.png) no-repeat; }
.mp3 { background:url(../image/fampix/mp3.gif) no-repeat; }
.jpg, .jpeg, .gif, .png { background:url(../image/fampix/image.gif) no-repeat; }
.xls { background:url(../image/fampix/xls.gif) no-repeat; }
.other { background:url(../image/fampix/generic.gif) no-repeat; }
.link { background:url(/image/fampix/icons/link.gif) no-repeat; }

body div#content_wrap div#content_pri ul .link { background-position: 0 6px;}


/* 9.4. body text
---------------------------------------------------------------------- */

div#content_pri .body_text h3, div#content_pri .body_text h4,  div#content_pri .body_text h5 { text-transform:none; letter-spacing:normal; border:0; padding:0; margin:0; }
div#content_pri .body_text h3 { font-size:15px; margin:0 0 10px 0; }
div#content_pri .body_text h4 { font-size:13px; margin:0 0 6px 0;}
div#content_pri .body_text h5 { font-size:12px; margin:0 0 4px 0;}

div#content_pri .body_text p.disclaimer small { color:#666;}

.intro { color:#000; font-size:13px; }

div#content_pri .body_text ul { list-style-type:disc; }
div#content_pri .body_text ul li { margin-left:20px; }

div#content_pri dl { margin:1em 0 1.5em 0; }
div#content_pri dl dt { text-transform:uppercase; font-size:10px; font-weight:bold; }
div#content_pri dd { margin-left:10px;  }

div#content_pri .body_text blockquote {  background: url(../image/fampix/lq.gif) no-repeat 7px 9px; padding:10px 10px 9px 26px; margin-bottom:1.4em; font-weight:bold; font-style:italic; }
div#content_pri .body_text blockquote p { display:inline; background:url(../image/fampix/rq.gif) no-repeat bottom right; padding-right:22px; }

/* tables */

/* standard stripey tables */
#content_pri .body_text table { font-size:11px; }
#content_pri .body_text table tr.alt { background-color:#f6f9fc;  }
#content_pri .body_text table tr th { background-color:#fff; }
#content_pri .body_text table tr td, #content_pri .body_text table tr th { border-bottom:1px solid #eee; }
#content_pri .body_text table h4 { font-size:11px; }

/* this stuff will be changes for events detail etc */
div#content_pri .body_text table#resource_summary { width: 500px; font-size:11px; border:1px solid #CCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding:5px; margin-top:15px; }
div#content_pri .body_text table#resource_summary th { }
div#content_pri .body_text table#resource_summary td { vertical-align: top; padding: 5px 5px 5px 5px; line-height: 16px; text-align: left;}
#content_pri .body_text table#resource_summary tr.alt { background:#FFF;  }
#content_pri .body_text table#resource_summary tr th, #content_pri .body_text table#resource_summary tr td { border-bottom:none; }


/* 9.5. related features
---------------------------------------------------------------------- */

div#related_features { clear:both; margin-bottom:30px; font-size:11px; border:1px dotted #CCC; background-color:#F3F2EF; padding:10px; overflow:hidden; }
div#related_features div { width: 212px; float:left; margin-left:20px; }
div#related_features div.first { float:left; margin-left:0; }
div#related_features div h3 { text-transform:uppercase; font-size:10px; letter-spacing:1px; font-weight:bold; margin:0 0 10px 0; }
div#related_features ul { margin:0; }
div#related_features li { margin:0; padding:5px 10px 5px 8px; background:url(../image/fampix/arrw_s_blue.gif) no-repeat 0px 11px; }
div#related_features li a { color: #002537; }

/* brief */
div#content_pri div.listing.brief ul h4 { font-size:12px; float:right; width:210px;  }
div#content_pri div.listing.brief ul li.no_img h4 { width:100%;  }

/* pagination links */
body div#content_wrap div#content_pri ul.paginate { font-size:10px; line-height:1; margin-top:20px; overflow:hidden; }
body div#content_wrap div#content_pri ul.paginate li { float:left; margin-right:4px; padding:0; }
body div#content_wrap div#content_pri ul.paginate li.cur { padding:2px 1px; border:1px solid #FFF; font-weight:bold; }
body div#content_wrap div#content_pri ul.paginate li a { display:block; padding:2px 4px; border:1px solid #d9d9d9; }
body div#content_wrap div#content_pri ul.paginate li a:hover { background-color:#004767; text-decoration:none; color: #FFF; }
body div#content_wrap div#content_pri ul.paginate li.first a, body div#content_wrap div#content_pri ul.paginate li.last a  { border:1px solid #FFF; padding:2px 0; margin:0; }
body div#content_wrap div#content_pri ul.paginate li.first a:hover, body div#content_wrap div#content_pri ul.paginate li.last a:hover { background:none; color:#004767; text-decoration:underline; }


/* 9.6. article styles
---------------------------------------------------------------------- */

div#article { background-image:url(/image/fampix/borders/border_solid3.gif); background-repeat:repeat-y; overflow:hidden; }

/* news articles (col2v1) */
body.col2v1 div#article { background-position: 510px 0; }

/* news articles (col2v2) */
body.col2v2 div#article { background-position: 430px 0; }

/* narrow article images (class achieved via javascript) */
div#article div#article_img { margin-bottom:10px; }
div#article div#article_img p { margin-bottom:0; }
div#article div#article_img.narrow_img { float:left; margin-right:14px; position:relative; top:5px; }

/* 9.7. comment styles
---------------------------------------------------------------------- */

div#comments { padding-top:30px; clear:both; }
div#comments h3 { font-size:10px; font-weight: bold; letter-spacing:1px; text-transform:uppercase; border-top:2px solid #CCC; padding-top:8px; margin-bottom:15px;  }
div#comments h3#comment_info { margin-bottom:10px; border-bottom:1px solid #CCC; padding-bottom:8px; }

div.comment { border-top:1px solid #CCC; margin-top:20px; overflow:hidden; }
#comment-1 { margin-top:0; border:none; }

div.comment_author { width: 220px; float:left; position:relative; border-top:10px solid #FFF; }
div.comment_author img { position:absolute; top: 0; left: 0; border-bottom:20px solid #FFF; }
div.comment_author ul { margin-left:80px; font-size:11px; line-height:1.4;}
div.comment_author ul li { background:url(../image/fampix/border_dot.gif) repeat-x 0 bottom; padding:0 0 5px 0; margin:0 0 2px 0;}
div.comment_author ul a {  }
div.comment_author small { font-size:10px; color: #666;}

div.comment_body { width: 460px; float:left; margin-left:20px; font-size:11px; position:relative; top: 9px;  }
div.comment_body h4 { font-size:11px; margin-bottom:10px;  }
div.comment_body p { margin-bottom:10px; }

ul.comment_options { margin-bottom:20px; font-size:10px; }
ul.comment_options li { display:inline; padding: 2px 15px 2px 0; }
ul.comment_options li a { padding-left:18px; padding-top:2px; }
ul.comment_options li.comment_reply a { background:url(../image/fampix/reply.gif) no-repeat 0 0; }
ul.comment_options li.comment_report a { background:url(../image/fampix/report.gif) no-repeat 0 0; }

div.comment-container.level_1.has_children { background:transparent url(../image/fampix/borders/border_solid2.gif) repeat-y 0 0; }

/* level2 comments */
div.comment.level_2 { margin:0 0 20px 0; padding:0; border:0; background:url(../image/fampix/branch1.gif) no-repeat; }
div.comment.level_2 div.comment_inner { margin-left:30px; background-color:#F3F2EF; border:1px solid #CCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; overflow:hidden; margin-top:10px; padding-left:10px; }
div.comment.level_2 div.comment_body { width: 410px;  }
div.comment.level_2 div.comment_author { border-color:#F3F2EF; }
div.comment.level_2 div.comment_author img { border:none; }
div.comment.level_2.last { background-image: url(../image/fampix/branch2.gif); background-color:#FFF; }

/* comment form */
div#comments form p#comment_checks { font-size:10px; margin-top:5px; }
div#comments form h3 { margin-bottom:15px; }


/* 9.8. sponsor logos
---------------------------------------------------------------------- */

div#sponsor_logos { font-size:10px; color: #333; border-top:1px solid #E5E5E5; clear:both; margin:20px 0; overflow:hidden; }
div#sponsor_logos p { margin:5px 0 15px 0; }
div#sponsor_logos ul {  }
div#sponsor_logos ul li { float:left; margin: 0 80px 0 0; position:relative; height:68px;}

/* individual logos */
div#sponsor_logos ul li#tata_logo { top: 5px; }
div#sponsor_logos ul li#kmpg_logo { top: 17px; }
div#sponsor_logos ul li#bhp_logo { top: 8px; }
div#sponsor_logos ul li#macquarie_logo { top: 4px; }
div#sponsor_logos ul li#bitc_logo { top: -13px; }


/* 9.9. jquery ui tabs
---------------------------------------------------------------------- */

.ui-tabs-hide { display:none } 

/* welcome box */
div#welcome_box_wrap { background:transparent url(../image/fampix/top.gif) no-repeat 0 0; padding-top:3px; border-bottom:15px solid #FFF; border-top:2px solid #FFF; }
div#welcome_box { background:transparent url(../image/fampix/bottom.gif) no-repeat 0 bottom; padding-bottom:3px; font-size:11px; }
div#welcome_box_inner { width:700px; height:233px; overflow:hidden; position:relative; background:transparent url(../image/fampix/bg.gif) repeat-y; z-index:1; }

div.text_wrap { z-index:5; background-position:0 0; background-repeat:no-repeat; position:absolute; left: 269px; top: 10px; width: 259px; height: 193px; padding:10px 20px 11px 11px; color: #FFF; }

div#box1 div.text_wrap { background-image:url(../image/fampix/get-involved_text_wrap_bg.png);}
div#box2 div.text_wrap { background-image:url(../image/fampix/benefits-for-partners_text_wrap_bg.png); }
div#box3 div.text_wrap { background-image:url(../image/fampix/benefits-for-companies_text_wrap_bg.png); }

div#welcome_box h2 { font-size:19px; margin-top:0px; margin-bottom:8px; padding:0; background-color:transparent;color: #FFF; }
div#welcome_box img { position:absolute; left: 3px; top: 0;  }

div#welcome_box p.more { font-weight:bold; background: transparent url(../image/fampix/arrw_l_int.gif) no-repeat 0 2px; padding-left:32px; margin:0; }
div#welcome_box p.more a { color:#FFF; }

div#welcome_box ul { width:141px; position:absolute; right:0; margin:0; font-weight:bold; font-size:11px;  }
div#welcome_box ul li {  margin:0 3px 0 0; cursor:pointer;  }
div#welcome_box ul li a { border-top:1px solid #CCC; display:block; height:67px; padding:10px 10px 0px 15px; background:url(../image/fampix/welcome_box/li_bg.png) no-repeat 0 0; text-decoration:none; }
div#welcome_box ul li a:hover { background-position:0 bottom; border-top:1px solid #C2C2C2;  }
div#box1, div#box2, div#box3 { width: 260px; margin-left:280px; }
div#welcome_box ul li#li_box1 a {border:none;}
div#welcome_box ul li.ui-tabs-selected a { color:#333333; }
div#welcome_box ul li#li_box1.ui-tabs-selected a { background:url(../image/fampix/get-involved_li_bg.png) no-repeat 0 0; }
div#welcome_box ul li#li_box2.ui-tabs-selected a { background:url(../image/fampix/benefits-for-partners_li_bg.png) no-repeat 0 0; }
div#welcome_box ul li#li_box3.ui-tabs-selected a { background:url(../image/fampix/benefits-for-companies_li_bg.png) no-repeat 0 0; }

div#news_box_wrap { background:#D9E4EF url(../image/fampix/news_box_bg.gif) no-repeat 0 0; padding-top:3px; border-bottom:15px solid #FFF; }
div#news_box { background:transparent url(../image/fampix/news_box_inner_bg.gif) no-repeat 0 bottom; padding-bottom:3px; font-size:11px; width:700px; height:233px;position:relative; }
div#news_box_inner { overflow:hidden; }

div#news_box h3 { font-size:19px; background:url(../image/fampix/h_mainheadlines.gif) no-repeat 0 0; height:23px; display:block; text-indent:-99999em; position:absolute; left: 320px; margin:0; padding:0; top: 14px; width:123px; }
div#news_box h4 { font-size:19px; font-weight:normal; line-height:1.3; margin-bottom:4px; }
div#news_box img { position:absolute; left: 3px; top: 0; }
div#news_box p.meta { margin-bottom:10px; }
div#news_box p.more { font-weight:bold; background: transparent url(../image/fampix/arrw_l_int.gif) no-repeat 0 2px; padding-left:32px; margin:0; }

div#news_box ul { position:absolute; top:6px; right: 6px;margin:0; font-weight:bold; font-size:10px; }
div#news_box ul li { margin:0; cursor:pointer; float:left;  margin-right:3px;  }
div#news_box ul li a { display:block; padding:0 4px; border:1px solid #CCC; background-color:#FFF; }
div#news_box ul li a:hover { background-color:#004767; color:#FFF; border:1px solid #004767; text-decoration:none; }
div#news_box_inner div { width: 365px; margin-left:320px; margin-top:40px; }
div#news_box ul li.ui-tabs-selected a { background-color:#004767; color:#FFF; border:1px solid #004767; text-decoration:none; }
div#news_box ul li.ui-tabs-selected a:hover { text-decoration:none;  }


/* 9.10. chats
---------------------------------------------------------------------- */

/* chats 1 */
div#chats1 { font-size:12px; position:relative; background: url(../image/stringbar.gif) no-repeat bottom center; }
div#chats1 h3 { font-size:13px; border-bottom:1px solid #CCC; width:300px; text-transform:none; letter-spacing:normal; font-weight:normal; border:none; padding:0 0 3px 0; margin:0 0 5px; }
div#chats1 ul { width:400px;}
div#chats1 ul li {background:url(../image/fampix/border_dash.gif) repeat-x 0 bottom; position:relative; padding:0 0 6px 0; line-height:1.2; }
div#chats1 ul li a { }
div#chats1 ul li span {position:absolute; right: 0; top: 0; display:block; color:#666; }

/* locations 2 (just map) */
div#locations2 {font-size:10px; position:relative;}

/* 9.11. Font sizing by user
----------------------------------------------------------------------*/ 

div#fontSizer { font-size:11px; margin-bottom:10px; background:#FFFFCC url(../image/fampix/round_grey_bottom.gif) no-repeat 0 bottom; }
div#fontSizer_inner { background:transparent url(../image/fampix/round_grey_top.gif) no-repeat 0 0; padding:10px; }
div#fontSizer h3 { font-size:11px; font-weight:bold; background:url(../image/fampix/reg_user1.gif) no-repeat 0 2px; padding-left:17px; margin:0 0 3px 0;}
div#fontSizer p { margin:0 0 3px 0; }

div#fontSizer ul { margin:2px 0 0 0; }
div#fontSizer ul li { margin:0; }
div#fontSizer ul li a { background:url(../image/fampix/arrw_s_blue.gif) no-repeat 0 5px; padding-left:10px; }


/* 9.12. listing options
---------------------------------------------------------------------- */

ul#listing_options2 { font-size:10px; margin: 0 0 15px 0; line-height:1.5; overflow:hidden; position:relative; top:0px; }
ul#listing_options2 li { display: inline;  padding: 0 10px; font-weight:bold; border-right: 1px solid #d1d1d1;}
ul#listing_options2 li.first{ padding: 0 10px 0 0; }
ul#listing_options2 li.last { border-right: none;  }
ul#listing_options2 li a { font-weight:normal; }


/* 9.13. Dae's Tips
---------------------------------------------------------------------- */

div#content_pri div#tips { margin-bottom:10px; /*color: #00334B;*/ font-size:11px; background:#D4DFE9 url(../image/fampix/arrw_s_blue.gif) no-repeat 0 bottom; }
div#content_pri div#tips_inner { padding:10px;background:transparent  url(../image/fampix/round_blue_top.png) no-repeat;  }
div#content_pri div#tips h2 { font-size: 20px; font-weight: normal; color: black; background:transparent; padding-top: 0px; margin-top: 0px;}
div#content_pri div#tips h3 { text-transform:uppercase; font-size:15px; font-weight: bold; color: #00334B; height:12px; text-indent:-999em; margin:3px 0 8px 0;  padding:0; border:none; background-repeat:no-repeat; }
div#content_pri div#tips h4, div#content_pri div#tips h4 a { font-size:14px; color:black; margin-bottom:0px; }

div#content_pri div#tips h3#h_online_magazine { background-image:url(../image/fampix/h_online_magazine.gif); }
div#content_pri div#tips h3#h_editors_welcome { background-image:url(../image/fampix/h_editors_welcome.gif); }
div#content_pri div#tips p { margin-bottom:8px; }
div#content_pri div#tips p.more { font-weight:bold; background: transparent url(../image/fampix/arrw_l_mag.gif) no-repeat 0 2px; padding-left:32px; margin:0 0 15px 0; }
div#content_pri div#tips img.photo { float:left; margin:5px 10px 0 0; }


/* 9.14. page options
---------------------------------------------------------------------- */
ul#page_options {  }
ul#page_options li a { background-repeat:no-repeat; background-position:0 0px; padding: 0 0 3px 18px; }
ul#page_options li#print_page a{ background-image:url(../image/fampix/print.gif); }
ul#page_options li#send_to_friend a { background-image:url(../image/fampix/forward.gif); }


/* 9.17. content pri sub2 styles
---------------------------------------------------------------------- */

div#content_pri div#content_pri_sub2 h2 { font-size:19px; margin-bottom:10px; padding:0; }

/* Classic Sketch styles */
div#content_pri div#classic_sketch { background: url(../image/stringleft.gif) no-repeat bottom center; }
div#content_pri div#classic_sketch h2 { font-size:13px; margin-bottom:3px; }
div#content_pri div#classic_sketch h3, div#content_pri div#thought h3
   { font-size:16px; text-transform:none; letter-spacing:normal; font-weight:bold; border:none; margin:0; }


/* 10. CONTENT SEC STYLES
---------------------------------------------------------------------- */

/* sec box (rss, search, latest articles)
---------------------------------------------------------------------- */

div#content_sec div#sec_box { background:#FFF url(../image/fampix/round_sky_top.jpg) no-repeat 0 top; color: #000; font-size:14px; margin-bottom:10px; }
div#content_sec div#sec_box.alt2 { background-color: #00283B; }
div#content_sec div#sec_box form { background:#E8E7E5 url(../image/fampix/round_grey2_top.gif) no-repeat; padding:10px 10px 10px 10px; }
div#content_sec div#sec_box label { position:absolute; left:-9999em }
div#content_sec div#sec_box p { margin:0; }
div#content_sec div#sec_box_inner { padding:10px; }
div#content_sec div#sec_box h3 { margin-bottom:2px; }
div#content_sec div#sec_box h3, div#content_sec div#sec_box a { color: #000; }
div#content_sec div#sec_box div#sec_box_latest {  }
div#content_sec div#sec_box div#sec_box_latest h3 { font-size:10px; font-weight:bold; padding:8px 10px 0 10px; text-transform:uppercase; letter-spacing:1px; }

div#content_sec div#sec_box div#sec_box_latest ul { margin-bottom:0;  }
div#content_sec div#sec_box div#sec_box_latest ul li { margin-bottom:0;  }
div#content_sec div#sec_box div#sec_box_latest ul li a { background:url(../image/fampix/arrw_s_white.gif) no-repeat 10px 12px; padding-left:7px; border-bottom:1px dotted #626262; display:block; padding:5px 10px 5px 20px;}

div#content_sec div#sec_box div#linx_info h3 {
    color: #FFF;
    font-size:12px;
    background:url(../image/fampix/links.gif) no-repeat;
    font-weight:bold;
    padding-left: 20px;
    }
div#content_sec div#sec_box div#linx_info ul {
    margin-bottom:0;
    }
div#content_sec div#sec_box div#linx_info li {
    display:inline;
    font-size:10px;
    margin-right:10px;
    }
div#content_sec div#sec_box div#linx_info li.last {
    margin-right:0;
    }
div#content_sec div#sec_box div#linx_info li a {
    background:url(../image/fampix/arrw_s_white.gif) no-repeat 0 4px;
    padding-left:7px;
    }
div#content_sec div#sec_box div#contact {
    border-bottom: 3px solid gold;
    margin-bottom: 10px;
    margin-left:   auto;
    margin-right:  auto;
    text-align:    center;
    width:         200px;
    }
/* just linx version */
div#content_sec div#sec_box.alt1 div#sec_box_inner { background:transparent url(../image/fampix/round_yellow_top.gif) no-repeat 0 0; }


/* polls
---------------------------------------------------------------------- */

div#content_sec div#poll_box { background:#7B133F url(../image/fampix/round_mag_top.gif) no-repeat; color: #FFF; font-size:11px; margin-bottom:10px; }
div#content_sec div#poll_box_inner { padding:10px; background:transparent url(../image/fampix/round_mag_bottom.gif) no-repeat 0 bottom; }
div#content_sec div#poll_box p { margin:0 0 5px 0; }
div#content_sec div#poll_box p input { margin-top: 5px; }
div#content_sec div#poll_box h3 { display:none; }
div#content_sec div#poll_box strong { color: #FFA7CF; }

div#content_sec div#poll_box #poll_results ul { padding-top: 0; margin: 0; }
div#content_sec div#poll_box #poll_results ul li { margin: 0; padding: 0;}
div#content_sec div#poll_box #poll_results h4 {  margin: 0 0 5px 0; color: #fff; font-weight: bold; }
div#content_sec div#poll_box .poll_percentage { width: 198px; background: #fff; margin: 3px 0 5px 0; border: 1px solid #fff;}
div#content_sec div#poll_box .poll_percentage span { background: #FFB9D9; display: block; }
div#content_sec div#poll_box .poll_percentage span small { color:#76113c; font-size: 10px; padding: 5px; }

.more_polls { background:url(../image/fampix/arrw_s_white.gif) no-repeat 0 6px; padding-left:7px; margin: 10px 0 0 0 !important; }
.more_polls a { color: #FFF; }


/* reminder signup
---------------------------------------------------------------------- */

div#content_sec div#reminder { background:#647C25 url(../image/fampix/round_green_bottom.png) no-repeat 0 bottom; margin-bottom:10px; color: #FFF; font-size:11px; }
div#content_sec div#reminder_inner { padding:10px; background:transparent url(../image/fampix/round_green_top.png) no-repeat; }
div#content_sec div#reminder h3 { text-transform:none; font-size:12px; font-weight: bold; color: #FFF; height: 12px; text-indent:5px; background: transparent; margin:3px 0 8px 0; }
div#content_sec div#reminder p { margin-bottom:4px; }
div#content_sec div#reminder input.text {width: 194px;}
div#content_sec div#reminder label { font-weight:bold; }


/* register call to action
---------------------------------------------------------------------- */

div#content_sec div#reg_cta { background:#3394AA url(../image/fampix/bg.png) no-repeat 0 0; margin-bottom:10px; color: #FFF; font-size:11px; }
div#content_sec div#reg_cta_inner { padding:10px; background:transparent url(../image/fampix/inner_bg.gif) no-repeat 0 bottom; }
div#content_sec div#reg_cta h3 { text-transform:uppercase; font-size:12px; font-weight: bold; color: #FFF; height: 12px; text-indent:-999em; background:url(../image/fampix/h_share_your.gif) no-repeat; margin:3px 0 8px 0; }
div#content_sec div#reg_cta p { margin-bottom:15px; }
div#content_sec div#reg_cta p.more { font-weight:bold; background: transparent url(../image/fampix/arrw_l_int.gif) no-repeat 0 2px; padding-left:32px; margin:0; }
div#content_sec div#reg_cta p.more a { color:#FFF; }


/* content sec listing
---------------------------------------------------------------------- */

div#content_sec div.listing { border-top:2px solid #CCC; background-color:#F3F2EF; 
padding:0 10px 1px 10px; margin-bottom:10px; }
div#content_sec div.listing h3 { text-transform:uppercase; font-size:10px ; letter-spacing:1px; font-weight:bold; margin:8px 0 10px 0; }

div#content_sec div.listing ul { font-size:11px; margin-bottom:10px; }
div#content_sec div.listing ul li { position:relative; margin-bottom:10px; }
div#content_sec div.listing ul h4 { font-size:10px; font-weight:normal; color: #5B5B5B; }
div#content_sec div.listing ul h4 a { color: #5B5B5B; background:url(../image/fampix/border_dot.gif) repeat-x 0 bottom; padding-bottom:1px;  }
div#content_sec div.listing ul h4 a:hover { text-decoration:none; background-image:url(../image/fampix/border_solid.gif); text-decoration:none; color: #1d1d1d; }
div#content_sec div.listing ul img { float:left; margin-bottom:10px;}
div#content_sec div.listing ul p { clear:both; margin:0; font-size:11px; color: #5B5B5B;}
div#content_sec div.listing ul p a {  font-weight:bold; font-size:11px;}

/* assoc member listing */
div#content_sec div.listing.assoc_members ul li { background:url(../image/fampix/border_dash.gif) repeat-x 0 bottom; padding:0 0 5px 0; margin-bottom:5px;  }
div#content_sec div.listing.assoc_members ul li a { background:url(../image/fampix/reg_user2.gif) no-repeat 0 0; padding-left:17px;  }


/* featured comment
---------------------------------------------------------------------- */

div#dae_sez { border-top:2px solid #004767; background-color:#E0EBF5;
              margin-bottom:10px; padding-left:10px; padding:0 10px 10px 10px; color: #002537; }
div#dae_sez a { color: #002537; }
div#dae_sez h3 { text-transform:none; font-size:12px ; letter-spacing:1px; font-weight:bold; margin:8px 0 10px 0; }
div#dae_sez blockquote { font:italic 15px Georgia, "Times New Roman", Times, serif; line-height:1.5; display:inline; background:url(../image/fampix/lq.gif) no-repeat 0 0; padding-left:20px; }
div#dae_sez blockquote p { display:inline; background:url(../image/fampix/rq.gif) no-repeat right; padding-right:22px; }

div#dae_sez cite { font-size:10px; display:block; margin-top:10px; font-style:normal; }
div#dae_sez cite a { background:url(../image/fampix/border_dot_blue.gif) repeat-x 0 bottom; padding-bottom:2px;  }
div#dae_sez cite a:hover { background-image:url(../image/fampix/border_solid_blue.gif); text-decoration:none; color: #1d1d1d; }

/* ---------------------------------------------------------------------- 
 11. MAGAZINE STYLES
---------------------------------------------------------------------- */

div#cover_story { font-size:12px; }
div#cover_story p.meta { margin-bottom:10px; margin-top:5px; }
div#cover_story img { float: left; margin: 6px 10px 6px 0; }
div#cover_story h3 { margin-bottom:9px; }
div#cover_story h4 { font-size:19px; font-weight:normal; display:inline; line-height:1.4; }
div#content_pri div.listing.mag ul p.meta { margin-bottom: 5px; margin-top:3px; }


/* suggestions
---------------------------------------------------------------------- */

div#suggestions_cta { border-top:2px solid #004767; background-color:#E0EBF5; 
padding-left:10px; padding:0 10px 10px 10px; color: #002537; }
div#suggestions_cta a { color: #002537; }
div#suggestions_cta h3 { border:none;}


/* contributors listing
---------------------------------------------------------------------- */

div#content_pri div.listing.contributors ul li { overflow:hidden; }
div#content_pri div.listing.contributors ul h4 { font-size:12px; float:right; width:190px; }
div#content_pri div.listing.contributors p.meta { clear:none; font-size:11px; }

/* contributors listing alt2 */
div#content_pri div.listing.contributors2 ul li { overflow:hidden; }
div#content_pri div.listing.contributors2 ul h4 { font-size:11px; float:right; width:210px; }
div#content_pri div.listing.contributors2 p.meta { clear:none; font-size:10px; }

/* issue template */
div#magazine_intro { font-weight:bold; }

ul.listing.issue {  } 
ul.listing.issue li { background:url(../image/fampix/border_dash.gif) repeat-x 0 bottom; padding:0 0 5px 0; margin-bottom:5px; position:relative; }
ul.listing.issue li img { float:left; margin-bottom:10px; position:absolute; top:4px; }
ul.listing.issue h4 { font-size:11px; position:relative; left: 70px; margin-right:70px; }
ul.listing.issue p.meta { font-size:10px; position:relative; left: 70px; margin-right:70px; }

/* contributor styles */
div#contributor_summary { position:relative; margin-top:7px; min-height:60px; }
div#contributor_summary img { position:absolute; top:0; left:0; }
div#contributor_summary p { margin-left:70px; font-size:11px; line-height:1.8 }
div#contributor_summary p strong { font-size:12px; }

/* Magazine interview styles
---------------------------------------------------------------------- */

/* question */
div#article.interview h4 { margin-bottom:1em; padding:10px; background-color:#eaf1f6; font-weight:bold;}



/* ----------------------------------------------------------------------
 12. PEOPLE STYLES
---------------------------------------------------------------------- */

body div#content_wrap div#content_pri div.listing.people ul { margin-top:20px; }
body div#content_wrap div#content_pri div.listing.people ul li { padding-left:60px; min-height:60px;}
body div#content_wrap div#content_pri div.listing.people ul li#no_results { padding-left: 0 !important; }
body div#content_wrap div#content_pri div.listing.people ul li  h4 { font-size:12px; margin-bottom:0; }
body div#content_wrap div#content_pri div.listing.people ul li  p { margin-bottom:0; }
body div#content_wrap div#content_pri div.listing.people ul li img { position:absolute; left:0; top:4px; }


/* locations list */

ul#people_locations_list { background:url(../image/fampix/border_dash.gif) repeat-x 0 0; padding:5px 0; }
ul#people_locations_list li { font-weight:bold; background:url(../image/fampix/border_dash.gif) repeat-x 0 bottom; padding:0 0 5px 0; }
ul#people_locations_list li span.js { cursor:pointer; color:#16547A; display:block; }
ul#people_locations_list li span.js:hover { text-decoration:underline; }

ul#people_locations_list ul { margin:5px 0 0 0; }
ul#people_locations_list ul li { font-weight:normal; background:url(../image/fampix/arrw_s_blue.gif) no-repeat 0 7px; margin-bottom:0; }
ul#people_locations_list ul li a { padding-left:10px; margin-bottom:2px; }



/* ----------------------------------------------------------------------
 13. LIBRARY STYLES
---------------------------------------------------------------------- */

div#library_intro { background:#3394aa url(../image/fampix/library_intro_bg.gif) no-repeat 0 0; color:#e0f3f6; font-size: 11px; margin-bottom:1em;}
div#library_intro_inner { background:url(../image/fampix/library_intro_inner_bg.gif) no-repeat 0 bottom; padding:10px 10px 1px 10px;}
div#content_pri div#library_intro h3 { background:transparent url(../image/fampix/h_what_is_the_library.gif) no-repeat 0 0; border:0; height:12px; text-indent:-999em; margin: 3px 0 8px 0; padding:0;}
div#library_intro a { color:#FFF; font-weight:bold; }

div.listing.browse_library { background-color:#F7F6F4; padding-bottom:5px;}

body div#content_wrap div.listing.browse_library h3 { padding-left:10px; padding-right:10px;}
body div#content_wrap div.listing.browse_library h4 { font-size:11px; margin:0 10px 5px 10px; }
body div#content_wrap div.listing.browse_library ul li { background:url(../image/fampix/border_dash.gif) repeat-x 0 bottom; padding:0 0 5px 0; margin-bottom:5px; margin-left:10px; margin-right:10px;  }
body div#content_wrap div.listing.browse_library ul li a { background:url(../image/fampix/arrw_s_blue.gif) no-repeat 0 4px; padding-left:10px; display:block; }
body div#content_wrap div.listing.browse_library ul li a span { color:#666; }

/* library search box */
div#library_searchbox form p { clear:both; }
div#library_searchbox h3 { padding:0; letter-spacing:0; font-size:13px; text-transform:none; }
div#library_searchbox { background: #EAF1F6 url(../image/fampix/library_searchbox_bg.gif) no-repeat 0 0; margin-bottom:1.5em; padding:0; }
div#library_searchbox_inner { background:transparent url(../image/fampix/library_searchbox_inner_bg.gif) no-repeat 0 bottom; padding:10px; }
div#library_searchbox form label.alt1 { float:left; display: block; width: 130px; margin-right:10px; text-align:right; }
div#library_searchbox form input.alt1, div#library_searchbox form select.alt1 { display: block; width: 220px;  margin-right:10px; float:left; }
div#library_searchbox form input.submit_alt1 { margin-left:140px; }
div#library_searchbox h3 { border:none; }

/* clearing floats */
div#library_searchbox form p { display: inline-block; }
div#library_searchbox form p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html div#library_searchbox form p { height: 1%; }
div#library_searchbox form p { display: block; }

/* library detail page */
table#resource_summary th { width: 130px;}

/* download file */
div#download_file { background:#F4F4F4 url(../image/fampix/download_file/bg.gif) no-repeat 0 0;}
div#download_file p { background:url(../image/fampix/inner_bg.gif) no-repeat 0 bottom; padding:10px; font-size:10px; margin-bottom:2em;}
div#download_file p a { padding:10px 0 10px 20px; background-position:0 8px; font-weight:bold; font-size:12px; }


/* ----------------------------------------------------------------------
 14. PARTNER LANDING PAGE
---------------------------------------------------------------------- */

ul#partner_browse_tabs { background:url(../image/fampix/bg.gif) no-repeat 0 bottom; padding-bottom:2px; margin-bottom:20px; overflow:hidden; clear:both; }
ul#partner_browse_tabs li { margin: 0; display: block; float: left; background:#f3f2ef url(../image/fampix/tab_left.gif) no-repeat 0 0; border-bottom:1px solid #CCC;}
ul#partner_browse_tabs li.ui-tabs-selected, ul#partner_browse_tabs li.ui-tabs-selected:hover { background-color:#FFF; border-bottom: 1px solid #FFF;}
ul#partner_browse_tabs li:hover { background-color:#e8e8e8; }
ul#partner_browse_tabs li.first { background-image: url(../image/fampix/tab_left_first.gif); }
ul#partner_browse_tabs li a { float: left; display: block; color: #555;  padding:5px 10px 5px 8px; background:url(../image/fampix/tab_right.gif) no-repeat right 0; margin-left:2px; }
ul#partner_browse_tabs li a:hover { color:#1d1d1d; text-decoration:none;  }
ul#partner_browse_tabs li.ui-tabs-selected a { color:#1d1d1d; font-weight:bold; }


/* search for a partner
---------------------------------------------------------------------- */

div#search_partners { background:#EAF1F6 url(../image/fampix/bg.gif) no-repeat 0 0; margin-bottom:10px; font-size:11px; }
div#search_partners_inner { background:transparent url(../image/fampix/inner_bg.gif) no-repeat 0 bottom; padding:15px 15px 1px 15px; }

div#search_partners p.search_pri { font-size:14px; font-weight:bold; margin-top:10px; }
div#search_partners p.search_pri label { width:125px; display:block; float:left; text-align:right; margin-right:10px; }
div#search_partners p.search_pri input { font-size:14px; width:400px; }
div#search_partners input.submit_alt1 { margin-left:130px; margin-top: 10px; }

div#search_partners fieldset { background-color:#D7E4ED; padding:10px 0 10px 10px; margin-bottom:10px; }
div#search_partners fieldset legend { display:block; width:115px; float:left; text-align:right; font-weight:bold; }
div#search_partners fieldset div { display:block; width:525px; float:right; }
div#search_partners fieldset div label { display:block; width:220px; float:left; margin-left:10px;  margin-right:10px; }
div#search_partners fieldset div input { position:relative; left:-5px; margin-left:-15px; }
div#search_partners label.alt1 { font-weight:bold; width:125px; display:block; float:left; margin-right:8px; text-align:right; }


/* ----------------------------------------------------------------------
 15. PARTNER PROFILE STYLES
---------------------------------------------------------------------- */

/* partner navigation */
body#partners div#content_pri ul#navigation_ter { border-top: 2px solid #c4c4c4; background: url(../image/fampix/e5e5e5_dot.gif) repeat-x bottom left; overflow: hidden;}
body#partners div#content_pri ul#navigation_ter li { display: inline; }
body#partners div#content_pri ul#navigation_ter li a { float: left; display: block; padding: 4px 0; z-index: 500; margin-right: 10px; color: #555; }
body#partners div#content_pri ul#navigation_ter li a:hover { float: left; display: block; padding: 4px 0; z-index: 500; margin-right: 10px; color:#3f3f3f; border-bottom: 1px solid #949494; text-decoration:none; }
body#partners div#content_pri ul#navigation_ter li.cur a { border-bottom: 1px solid #1d1d1d; color:#1d1d1d; font-weight:bold; }

div#partner_services { font-size:11px; }
div#partner_services h4 { display:inline; }
div#partner_services ul li { display:inline; }

body#partners div#content_pri_sub1 { width: 500px; }
body#partners div#content_pri_sub1_sub1 { width: 260px;  float:left; }
body#partners div#content_pri_sub1_sub2 { width: 220px; float:right; }

body#partners div#content_pri_sub1 div#partner_services h4 { font-size:11px; }
body#partners div#content_pri div.body_text h4 { font-size:11px; }

/* vCard */
div.vcard h3 { display:none; }

/* contact options */
ul#contact_options {  }
ul#contact_options li a { background-repeat:no-repeat; background-position:0 0px; padding: 0 0 3px 18px; }
ul#contact_options li#download_vcard a{ background-image:url(../image/fampix/vcard.gif); }
ul#contact_options li#contact_email a { background-image:url(../image/fampix/message.gif); }

/* Partner contact page */



/* ---------------------------------------------------------------------- 
 16. CONTACT STYLES
---------------------------------------------------------------------- */

div#contact_box { width: 540px; background:#E6EEF5 url(../image/fampix/contact_box_bg.gif) no-repeat 0 0; float:none; margin-bottom:1.5em; font-size:11px; }
div#contact_box strong { font-size:12px; }
div#contact_box p { margin-bottom:0.8em; }
div#contact_box_inner { background:transparent url(../image/fampix/contact_box_inner_bg.gif) no-repeat 0 bottom; padding:10px;  }
div#content_pri div#contact_box p.more { font-weight:bold; background: transparent url(../image/fampix/arrw_l_mag.gif) no-repeat 0 2px; padding-left:32px; margin:0; }
div#contact_box p.vcard_download a { background-repeat:no-repeat; background-position:0 0px; padding: 0 0 3px 18px; background-image:url(../image/fampix/vcard.gif);}

div#contact_people { font-size:11px; }
div#contact_people h3 { font-weight:normal; padding-left: 50px;}
div#contact_people div.vcard p { margin-bottom:0.5em; padding-left: 50px;}
div#contact_people div.vcard .org { position:absolute; left:-999px }
div#contact_people div.vcard img { position: absolute; top: 0; left: 0; width: 40px; height: 40px;}

/* interested in becoming a partner box */
div#interested_box { background:#3394AA url(../image/fampix/interested_box_bg.gif) no-repeat 0 0; color:#fff; }
div#interested_box p { margin-bottom:0.8em; }
div#interested_box h3 { background:transparent url(../image/fampix/h_interested_in.gif) no-repeat 0 0; border:0; height:39px; text-indent:-999em; margin-bottom:8px;}
div#interested_box_inner { background:transparent url(../image/fampix/interested_box_inner_bg.gif) no-repeat 0 bottom; padding:10px;}
div#interested_box p.more { font-weight:bold; background: transparent url(../image/fampix/arrw_l_int.gif) no-repeat 0 2px; padding-left:32px; margin:0; }
div#interested_box p.more a { color:#FFF; }

p.download_vcard a { background-repeat:no-repeat; background-position:0 0px; padding: 0 0 3px 18px; background-image:url(../image/fampix/vcard.gif); }
div#contact_people div.vcard { width: 260px; float:left; margin-bottom:1em; position: relative;}
div#contact_people div.vcard_alt1 { margin-right:20px; }



/* ---------------------------------------------------------------------- 
 17. ABOUT STYLES
---------------------------------------------------------------------- */

ol.contents { font-size:11px; background-color:#F8F7F6; border:1px solid #CCC; padding:10px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
ol.contents li { margin-bottom:0.3em;}
ol.contents a { font-weight:bold; }



/* ---------------------------------------------------------------------- 
 18. RSS STYLES
---------------------------------------------------------------------- */

#content_pri div.body_text ul.rss_feeds_list li { list-style-type: none; margin-left:0; }
#content_pri div.body_text ul.rss_feeds_list li em { font-size:10px; color:#666; }
#content_pri div.body_text ul.rss_feeds_list li a { background:url(../) no-repeat 0 0; padding:1px 0 2px 22px; }



/* ---------------------------------------------------------------------- 
 19. CORPORATE SUPPORTERS
---------------------------------------------------------------------- */

div#content_pri .body_text ul#corporate_supporters { margin:0; list-style-type:none; }
div#content_pri .body_text ul#corporate_supporters li { margin:0; border:1px solid #CCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding:10px; margin-bottom:1em; position:relative; }
div#content_pri .body_text ul#corporate_supporters li h3 { font-size:13px; }
div#content_pri .body_text ul#corporate_supporters li img.logo { float: right; margin-bottom: 10px; }
div#content_pri .body_text ul#corporate_supporters p.more_info { font-size:11px; font-weight:bold; }
div#content_pri .body_text ul#corporate_supporters li ul li { border: none; padding: 0; margin: 0; margin-bottom: 5px; list-style: none; padding-left: 22px;}

div#content_pri .body_text ul#corporate_supporters li a { font-weight:bold; }
div#content_pri .body_text ul#corporate_supporters ul li { list-style-type:disc !important; margin-left:20px !important; padding-left:0 !important; }

div#content_pri .body_text ul#corporate_supporters div#related_downloads ul li { list-style-type:none !important; margin-left:0 !important; padding-left:20px !important; }



/* ---------------------------------------------------------------------- 
 20. SEARCH RESULTS STYLES
---------------------------------------------------------------------- */

div#search_box { background:#EAF1F6 url(../image/fampix/bg.gif) no-repeat 0 0; margin-bottom:10px; font-size:11px; }
div#search_box_inner { background:transparent url(../image/fampix/inner_bg.gif) no-repeat 0 bottom; padding:15px 15px 1px 15px; }

div#search_box p.search_pri { font-size:14px; font-weight:bold; margin-top:10px; }
div#search_box p.search_pri label { width:125px; display:block; float:left; text-align:right; margin-right:10px; }
div#search_box p.search_pri input { font-size:14px; width:400px; }

div#search_box input.submit_alt1 { margin-left:130px; margin-top: 10px; }

div#search_box h3 { padding:8px 10px 10px 10px; margin:0; background-color:#D7E4ED; }
div#search_box h3 span { cursor:pointer; background:transparent url(../image/fampix/arrw_up_down.gif) no-repeat right 4px; padding-right:10px; }
div#search_box h3 span:hover { text-decoration:underline; }
div#search_box h3 span.open { background-position: right -82px; }

div#search_advanced { background-color:#D7E4ED; padding:0 10px 0 10px; overflow:hidden; }
div#search_advanced p { overflow:hidden; clear:both; margin-bottom:5px; }
div#search_advanced p.last { margin-bottom:15px; }
div#search_advanced p label { display:block; text-align:right; width:115px; float:left; margin-right:10px; }
div#search_advanced p select { width:300px; float:left; }

/* search results table */

table#search_results_table { font-size:11px; }
table#search_results_table h3 { font-size:12px; }

table#search_results_table thead th { text-transform:uppercase; border-bottom:2px solid #CCC; padding:8px 0; text-align:center; }
table#search_results_table .col_first { text-align:left; width:440px; }
table#search_results_table tbody th.col_first, div#dashpanel table thead th.col_first { padding-left:5px; }

table#search_results_table tbody td, div#dashpanel table tbody th { border-bottom:1px solid #CCC; padding:8px 0; }
table#search_results_table tbody td { text-align:center; }



/* ---------------------------------------------------------------------- 
 21. POLL PAGES
---------------------------------------------------------------------- */

/* poll archives */
ul.poll_listing { padding-bottom:10px; background:url(../image/fampix/border_dash.gif) repeat-x 0 bottom; }
ul.poll_listing li { position:relative; padding-right:90px; }
ul.poll_listing li span { color:#666; font-size:11px; position:absolute; right:0; top: 1px; }

/* poll detail page */
div#content_pri div.poll_percentage { margin: 3px 0 5px 0; background-color:#eee;width:100%;}
div#content_pri div.poll_percentage span { background:#0098b9; display: block; height:20px;  }
div#content_pri div.poll_percentage span small { color:#76113c; font-size: 10px; padding: 5px; }

div#content_pri ul#detail_poll_results {  }
div#content_pri ul#detail_poll_results li { margin:0; list-style:none;}

/* results table */
#content_pri .body_text table#detail_poll_results { margin-top:15px; }
#content_pri .body_text table#detail_poll_results td { vertical-align:middle; }

th.pr_votes { width:10%; }
th.pr_graph { width:70%; }

div.poll_results_info { font-size:11px; }



/* ---------------------------------------------------------------------- 
 22. SITEINFO/FOOTER
----------------------------------------------------------------------*/ 

div#siteinfo { margin:10px 0 0 0; background:#313131 url(../image/fampix/siteinfo_top.gif) no-repeat 0 0; font-size:10px; color: #FFF; position:relative; }
div#siteinfo_inner { background:transparent url(../image/fampix/siteinfo_bottom.gif) no-repeat 0 bottom; padding:10px; }
div#siteinfo a {color: #FFF;} 
div#siteinfo p#des_credit { width: 300px; margin:0; padding:0; line-height:1; text-align:right; position:absolute; right: 10px; top: 10px;}

div#siteinfo ul { bottom:0; margin: 0; line-height:1; width: 600px; float:left; }
div#siteinfo ul li { margin: 0 0 0 10px; display: block; float:left; border-left:1px solid #919191; }
div#siteinfo ul li a { display: block; text-decoration: none; padding: 0 0 0 10px; color: #FFF; }
div#siteinfo ul li a:hover { text-decoration:underline;}
div#siteinfo ul li.first { border:0; margin-left:0; }
div#siteinfo ul li.first a { padding-left:0; }

/* clearing floats */
div#siteinfo_inner { display: inline-block; }
div#siteinfo_inner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html div#siteinfo_inner { height: 1%; }
div#siteinfo_inner { display: block; }