/*

	PRODUCE MORE CONSERVE MORE by ERSKINE DESIGN 
	VERSION 1.0
	
	CONTENTS ----------
	
        1.BODY
	    2.DEFAULT STYLING
	    3.HEADINGS
	    4.LINKS
	    5.IMAGES
	    6.LAYOUT
	    7.BRANDING/MASTHEAD
	    8.NAVIGATION
	    9.SITEINFO/FOOTER
	    10.SIDEBAR
	    11.GLOBAL SITE ELEMENTS
	    12.HOMEPAGE
	    13.ISSUES
	    14.TAKE ACTION
	    15.NEWS
	    16.DATA CENTER
	    17.GLOSSARY
	    18.ACCOUNT
	    19.ABOUT PAGES
	    20.ERROR & MESSAGE PAGES
	   
    -------------------
    
    COLOURS -----------
    
        Blue #5980ab
            Light #8ba6c4
            Dark #3e5977
            
        Green #7eab58
            Light #a5c48a
            Dark #58773d
            Pale #ebf3d8 (for backgrounds)
            
        Orange #d68f11
            Light #e2b159
            Dark #95640c
    
    -------------------
	
*/



@import url(reset.css); /* RESET CSS */
@import url(scratch.css); /* SCRATCH */



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

body { text-shadow:rgba(0,0,0,0.01) 0 0 0; background:#eee url(../images/site/body_bg.gif) repeat-y center 0; font-family:Helvetica, Arial, sans-serif; font-size:13px; line-height:20px; color:#333; }

ul#nav_access { position:absolute; top:-9999px; left:-9999px; }



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

p,ul,dl,ol { margin:0 0 13px; }

ul { list-style:square; }
ul li { margin:0 0 0 15px; }
ol { list-style:decimal; }
ol li { margin:0 0 0 40px; }

hr { height:0; border:none; border-top:1px dotted #ccc; background:none; }

blockquote { background:#eee; padding:20px; font-family:Georgia,serif; font-style:italic; /*font-size:15px;*/ line-height:22px; margin:0 0 13px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }
blockquote p { margin:0; }
blockquote p + p { margin:13px 0 0 0; } 
blockquote cite { font-family:Helvetica, Arial, sans-serif; font-size:11px; font-weight:bold; text-transform:uppercase; font-style:normal; letter-spacing:1px; }

abbr { border-bottom:1px dotted #ccc;  }
abbr:hover { border-bottom:1px solid #999; cursor:help; }
del { color:#666; }
strong { font-weight:bold; }
em { font-style:italic; }

/* FORMS */
    
    div.hidden { display:none; }
    form div { margin:0 0 10px 0;  }
    label { font-weight:bold; color:#666; display:inline-block;  }
    label em { font-style:normal; color:#d68f11; }
    input,
    textarea { font-family:Helvetica, Arial, sans-serif; font-size:12px; line-height:18px; }
    
/* TABLES */

    table { font-size:11px; width:100%; border-top:1px dotted #c8cfb8; margin:0 0 20px 0; }
    table tr { background:#ebf3d8; }
    table tr.alt { background:#fff; }
    table tr td { padding:5px 5px 4px 5px; border-bottom:1px dotted #c8cfb8; }




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

h1,h2,h3,h4,h5,h6 { font-weight:bold; color:#587faa; line-height:1.2em; }

h1 { font-size:24px;  margin:0 0 16px 0; }
h2 { font-size:18px; margin:0 0 12px 0; }
h3 { font-size:16px; margin:0 0 10px 0; }
h4 { font-size:14px; margin:0 0 8px 0; }
h5 {  }
h6 {  }



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

a { color:#648647; }
a:hover,
a:focus { color:#324423; }



/* 5.IMAGES
---------------------------------------------------------------------- */

img { border:1px solid #ccc; padding:1px; background:#fff; }

span.image { display:block; }
span.image-left { float:left; margin:0 15px 15px 0; }
span.image-right { float:right; margin:0 0 15px 15px; }
span.image-200 { width:204px; }
span.image-300 { width:304px; }
span.caption { color:#999; font-size:11px; }
span.caption img { margin-bottom:4px; }
span.image-530 { width:530px; margin-left:0; margin-right:0; }



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

div#page { background:#fff; width:980px; margin:0 auto; position:relative; }

div#content_wrapper { padding:0 0 0 20px; overflow:hidden; margin:0 0 60px 0; }
div#content_pri { width:680px; padding:0 19px 0 0; border-right:1px dotted #ccc; float:left; }
div#content_sec { width:220px; padding:0 19px 0 20px; border-left:1px dotted #ccc; float:right; position:relative; left:-1px; }



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

div#branding { height:87px; background:url(../images/site/branding_bg.jpg) no-repeat top right; }
div#branding h1 { width:342px; height:32px; padding:25px 0 0 20px;}
div#branding h1 a { display:block; width:342px; height:32px; text-indent:-9999px; background:url(../images/site/branding_h1.png) no-repeat 0 0; }



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

div#navigation_pri { background:#3e5977; position:relative; margin:0 0 33px 0; height:40px; } 

div#navigation_pri ul { list-style:none; font-weight:bold; font-size:15px; line-height:1em; margin:0 0 0 6px; }
div#navigation_pri ul li { margin:0; float:left; height:47px; }
div#navigation_pri ul li a { display:block; text-decoration:none; padding:13px 14px 9px 14px; color:#a8b4c2; text-shadow:rgba(0,0,0,0.1) 2px 2px 2px; }
div#navigation_pri ul li a:hover,
div#navigation_pri ul li a:focus { color:#fff; }

div#navigation_pri ul li.cur { background:url(../images/site/navigation_pri_cur.gif) no-repeat center bottom;  }
div#navigation_pri ul li.cur a { color:#ffbd46; }

div#navigation_pri ul li#take_action { font-size:13px; text-transform:uppercase; letter-spacing:1px; margin:0 0 0 8px; }
div#navigation_pri ul li#take_action a { background:#31465e; padding:3px 8px; color:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; position:relative; top:10px; }
div#navigation_pri ul li#take_action a:hover,
div#navigation_pri ul li#take_action a:focus, 
div#navigation_pri ul li#take_action.cur a { color:#ffbd46; }

div#search_wrapper { position:absolute; right:20px; top:8px; }
div#search_wrapper label { display:none; }
div#search_wrapper input[type="text"] { width:170px; padding:3px 5px; border:none; margin:0 5px 0 0; }

ul#navigation_sec { position:absolute; right:20px; top:-10px; list-style:none; font-size:11px; line-height:1em; overflow:hidden; background:#fff; padding:20px 5px 12px 5px; box-shadow:rgba(0,0,0,0.2) 0px 0px 5px; -moz-box-shadow:rgba(0,0,0,0.2) 0px 0px 5px; -webkit-box-shadow:rgba(0,0,0,0.2) 0px 0px 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
ul#navigation_sec li { margin:0; border-left:1px solid #acbb9e; padding:0 7px; float:left; }
ul#navigation_sec li:first-child { border:none; }
ul#navigation_sec li.cur { font-weight:bold; }



/* 9.SITEINFO/FOOTER
---------------------------------------------------------------------- */

div#siteinfo { border-top:10px solid #31465e; position:relative; background:url(../images/site/siteinfo_bg.jpg) no-repeat 0 0; height:110px; clear:both; }

div#siteinfo p#navigation_sub { position:absolute; left:20px; bottom:10px; margin:0; font-size:12px; color:#c6c7bf; }
div#siteinfo p#navigation_sub a { text-decoration:none; color:#8d8f7f; font-weight:bold; }
div#siteinfo p#navigation_sub a:hover,
div#siteinfo p#navigation_sub a:focus { color:#2f302a; }

div#siteinfo_monsato { position:absolute; right:20px; top:20px; text-align:right; font-size:11px; color:#8d8f7f; }
div#siteinfo_monsato img { display:inline; }
div#siteinfo_monsato p { margin:0; }
div#siteinfo_monsato a { color:#8d8f7f; font-weight:bold; text-decoration:none; }
div#siteinfo_monsato a:hover,
div#siteinfo_monsato a:focus { color:#2f302a; }



/* 10. SIDEBAR
---------------------------------------------------------------------- */

div.sidebar_block { border:1px solid #ccc; margin:20px 0 0 0; padding:14px 19px; border-radius:5px; -webkit-border-radius:7px; -moz-border-radius:5px; font-size:12px; line-height:18px; }

div.sidebar_block h1,
div.sidebar_block h2,
div.sidebar_block h3,
div.sidebar_block h4 { color:#3e5977; }

div#content_sec div.sidebar_block:first-child { margin:0; }

div.sidebar_block#share { padding:10px 19px; }
div.sidebar_block#share ul { margin:0; font-size:11px; line-height:25px; list-style:none; }
div.sidebar_block#share ul li { margin:0; padding:0 0 0 25px; background-repeat:no-repeat; background-position:left center; }
div.sidebar_block#share ul li.share { background-image:url(../images/site/icon_share.gif); }
div.sidebar_block#share ul li.print { background-image:url(../images/site/icon_print.gif); }
div.sidebar_block#share ul li a { text-decoration:none; color:#333; }
div.sidebar_block#share ul li a:hover,
div.sidebar_block#share ul li a:focus { text-decoration:underline; color:#000; }

/*div.sidebar_block#login { font-size:12px; }
div.sidebar_block#login div { margin-bottom:7px; }
div.sidebar_block#login label { width:70px; }
div.sidebar_block#login input[type="text"],
div.sidebar_block#login input[type="password"] { width:100px; }
div.sidebar_block#login input[type="image"] { float:left; margin:0 18px 0 0; }
div.sidebar_block#login form p { font-size:11px; margin:0; color:#ccc; }
div#login_facebook { margin:15px 0 0 0; padding:15px 0 0 0; border-top:1px solid #ccc; color:#666; font-size:11px; }
div#login_facebook p { margin:0 0 5px 0; }
div#login_facebook img { border:none; padding:0; }*/

div.sidebar_block#logged_in { overflow:hidden; }
div.sidebar_block#logged_in p { margin:13px 0 0 0; font-size:11px; line-height:16px; }
div.sidebar_block#logged_in p.links { margin:0; color:#ccc; }
div.sidebar_block#logged_in p.fabee_logged_in img { float:left; margin:0 15px 0 0; }

div.sidebar_block#featured_voice { font-size:11px; line-height:15px; }
div.sidebar_block#featured_voice p img { float:right; margin:3px 0 5px 10px; }
div.sidebar_block#featured_voice p.meta { margin:0; border-top:1px solid #ccc; padding:12px 0 0 0; }
div.sidebar_block#featured_voice p.meta a { color:#333; font-weight:bold; }
div.sidebar_block#featured_voice p.meta a:hover,
div.sidebar_block#featured_voice p.meta a:focus { color:#000; }

div.sidebar_block#newsletter label { display:none; }
div.sidebar_block#newsletter input[type="text"] { width:135px; margin:0 5px 0 0; }

div.sidebar_block#quiz { padding: 6px 5px; }
div.sidebar_block#tall_widget { padding:10px 30px; }
div.sidebar_block#aspen_ad { padding:10px 16px;  }




/* 11. GLOBAL SITE ELEMENTS
---------------------------------------------------------------------- */

/* TABS ------ */

    div.tabs { background:#ebf3d8; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:20px; }
    div.tabs h3 { font-size:15px; margin:0 0 8px 0; }
    div.tabs h3 a { text-decoration:none; }
    
    ul.navigation_tabs { list-style:none; margin:0; position:absolute; top:-33px; right:0; font-size:11px; } 
    ul.navigation_tabs li { float:left; margin:7px 0 0 15px; }
    ul.navigation_tabs li a { text-decoration:none; color:#333; }
    ul.navigation_tabs li a:hover,
    ul.navigation_tabs li a:focus { text-decoration:underline; }
    
    ul.navigation_tabs li.ui-tabs-selected { font-size:13px; font-weight:bold; padding:6px 10px; border:1px solid #ccc; border-bottom:none; background:#ebf3d8; margin:0 0 0 15px; }
    ul.navigation_tabs li.ui-tabs-selected a { color:#58773d; }
    
    .ui-tabs-hide { display:none; }
    
/* META INFORMATION ------ */

    p.meta { color:#7d8075; font-size:11px; line-height:1em; margin:0; }
    p.meta a { font-weight:bold; color:#7d8075; }
    p.meta a:hover,
    p.meta a:focus { color:#333; }
    
/* FURTHER INFO LINK ------ */

    p.more { font-weight:bold; margin:30px 0 15px 0; }
    p.more a { color:#666; padding-right:20px; background:url(../images/site/icon_more.gif) no-repeat right center; text-decoration:none; }
    p.more a:hover,
    p.more a:focus { text-decoration:underline; color:#333; }
    
/* DATE ------ */
    
    p.date { font-size:11px; line-height:1em; color:#666; }
    
/* PAGINATION ------ */

    .pagination { font-weight:bold; font-size:11px;  }
    .pagination a { margin-right:5px; }
    .pagination a.page { border:1px solid #ccc; background:#fff; color:#333; padding:3px 6px; margin-right:3px; text-decoration:none; }
    .pagination a.page:hover,
    .pagination a.page:focus { background:#eee; color:#000; border-color:#999; text-decoration:none; }
    .pagination b,
    .pagination strong { background:#d68f11; color:#fff; padding:4px 7px; margin-right:3px; }
    
/* INTRO PARAGRAPH TO MOST SECTIONS ------ */

    p.intro { font-size:16px; margin:25px 0; }
    
/* COMMENTS ------ */

div#comments { margin:45px 0 0 0; }

    /* COMMENT LISTING */

        ol#comment_listing { font-size:12px; line-height:18px; border-top:1px solid #ccc; margin:20px 0 45px 0; list-style:none; }
        ol#comment_listing li { border-bottom:1px solid #ccc; margin:0; padding:13px 0 0 133px; overflow:hidden; }
        ol#comment_listing li p.comment_author { width:110px; float:left; position:relative; left:-120px; margin:0 -110px 13px 0; font-size:11px; color:#666; }
        ol#comment_listing li p.comment_author strong { display:block; color:#333; }    

    /* COMMENT ACTION */

        div.comment_action { border:1px solid #ccc; background:#eee; padding:14px 19px; border-radius:5px; -webkit-border-radius:7px; -moz-border-radius:5px; font-size:12px; line-height:18px; overflow:hidden; position:relative; }

        /* COMMENT LOGIN */

            div#comment_login h4 { margin:0 0 25px 0;  }
            div#comment_login p.register { position:absolute; top:10px; right:20px; font-size:11px; margin:0; color:#ccc; }

            div#comment_login fieldset { float:left; }
            div#comment_login div { margin:0 10px 7px 0; }
            div#comment_login div.pw,
            div#comment_login div.submit { float:left; }
            div#comment_login label { width:70px; }
            div#comment_login input[type="text"],
            div#comment_login input[type="password"] { width:170px; }
            div#comment_login input[type="image"] { margin:0 20px 0 0; }

            div#login_facebook { margin:15px 0 0 0; padding:0 0 0 30px; border-left:1px solid #ccc; color:#666; font-size:11px; overflow:hidden; float:left; }
            div#login_facebook p { margin:0 0 5px 0; }
            div#login_facebook img { border:none; padding:0; }

        /* COMMENT FORM */

            div#comment_form h4 { color:#888; }
            div#comment_form label { display:none; }
    	    div#comment_form textarea { width:628px; padding:4px; border:2px solid #bbb; }
    	    div#comment_form em { font-size:11px; color:#666; }
            div#comment_form input[type="image"] { float:right; }
            
/* DOWNLOAD LINK ------ */
    
    p.download a { display:inline-block; padding:6px 12px 6px 35px; font-weight:bold; text-decoration:none; color:#fff; background:#7eab58; background-repeat:no-repeat; background-position:10px center; border-radius:5px; -webkit-border-radius:7px; -moz-border-radius:5px; }
    p.download a:hover,
    p.download a:focus { text-decoration:underline; color:#fff; }
    
    p.download.pdf a { background-image:url(../images/site/icon_pdf.gif); }
    p.download.doc a { background-image:url(../images/site/icon_doc.gif); }
    p.download.xls a { background-image:url(../images/site/icon_xls.gif); }
    
/* MESSAGE ------ */
    
    div.message { font-weight:bold; color:#fff; padding:15px 15px 2px 15px; margin:0 0 20px 0; border-radius:5px; -webkit-border-radius:7px; -moz-border-radius:5px; font-size:14px; }
    div.message.success { background:#7eab58; }
    div.message p {  }

/* TICKERS ------ */

    div.ticker { background:#7eab58; border-radius:5px; -webkit-border-radius:7px; -moz-border-radius:5px; text-align:center; padding:15px 5px; }
    div.ticker h4 { font-size:10px; text-transform:uppercase; letter-spacing:1px; color:#e5eede; margin:0 0 14px 0; }
    div.ticker span { color:#ffbf4c; font-size:24px; text-shadow:rgba(0,0,0,0.15) 1px 1px 1px; }
       
    

/* 12. HOMEPAGE
---------------------------------------------------------------------- */

div#home_banner { width:940px; height:288px; margin:0 0 25px 0; }

div#home_intro { margin:0 0 40px 0; font-size:14px; line-height:22px; }
div#home_intro p.strong { /* width:220px; margin:0 20px 13px 0; padding:0 20px 0 0;*/ /*border-right:1px dotted #ccc; float:left; */ font-size:15px; }

h3.spotlight_title { width:340px; font-size:14px; }

div#spotlight_wrapper { margin:0 0 35px 0; }

div#spotlight_overview { overflow:hidden; }
div#overview_overview { width:420px; float:left; }
div#overview_ticker { width:200px; float:right; }

div#spotlight_wrapper div ul { padding-right:20px; }
div#spotlight_wrapper div ul h3 { font-size:14px; }

.js-enabled div#spotlight_blog,
.js-enabled div#spotlight_videos,
.js-enabled div#spotlight_news,
.js-enabled div#spotlight_documents,
.js-enabled div#spotlight_photos,
.js-enabled div#spotlight_audio { height:300px; overflow-y:auto; }

div#spotlight_wrapper.tabs ul { margin:0; }
div#spotlight_wrapper.tabs ul li.last { border:none; padding-bottom:0; }

/* mhalici edit 02/02/10 */
	/* div#latest_news {  font-size:12px; line-height:18px; width:285px; float:left; border:1px solid #ccc; padding:14px 12px 1px 12px; border-radius:5px; -webkit-border-radius:7px; -moz-border-radius:5px; } */
	div#latest_news {  font-size:12px; line-height:18px; width:244px; float:left; border:1px solid #ccc; padding:14px 7px 1px; border-radius:5px; -webkit-border-radius:7px; -moz-border-radius:5px; }
/* end mhalici edit */

div#latest_news {  font-size:12px; line-height:18px; width:285px; float:left; border:1px solid #ccc; padding:14px 12px 1px 12px; border-radius:5px; -webkit-border-radius:7px; -moz-border-radius:5px; }
div#latest_news h4 { margin:0 0 10px 0; padding:0 80px 0 0; position:relative; }
div#latest_news h4 span { font-weight:normal; font-size:11px; position:absolute; right:0; top:1px; }
div#latest_news ul { margin:0; border:none; }
div#latest_news ul li { padding:15px 0 0 0; border-top:1px solid #ccc; border-bottom:none; }
div#latest_news ul li h3 { font-size:13px; }
div#latest_news ul li p.date { position:static; margin:0 0 8px 0;  color:#7d8075; }
div#latest_news ul li p.meta { margin:0 0 15px 0; }


/* mhalici edit 02/02/10 */
	/* div#home_widget { width:335px; float:right; } */
	div#home_widget {float:left; margin-left:20px;}
/* end mhalici edit */

div#home_widget img { padding:0; border:none; }

div#home_datacenter { width:305px; float:right; background:#000 url(../images/site/home_datacenter_globe.jpg) no-repeat 0 0; border:1px solid #ccc; border-radius:5px; -webkit-border-radius:7px; -moz-border-radius:5px; padding:15px;  }
div#home_datacenter h4 { margin:0 0 24px 0; width:154px; padding:0 0 9px 0; border-bottom:1px solid #ccc; color:#c3cfa6; }
div#home_datacenter h4  a, div#home_datacenter h4  a:visited { color:#c3cfa6; text-decoration:none; }
div#home_datacenter p { width:145px; font-size:12px; line-height:20px; color:#fff; margin-bottom:25px; margin-top:10px; }
div#home_datacenter p a:hover { text-decoration:none; }
div#home_datacenter label { display:none; }



/* 13. ISSUES
---------------------------------------------------------------------- */

div#issue_intro { overflow:hidden; margin:0 0 50px 0; }

div#issue_intro_intro { width:460px; float:left; }
div#issue_intro_intro div.intro { font-size:14px; line-height:22px; }
div#issue_intro_intro div.more {  }
div#issue_intro_intro div.more p {  }

div#issue_intro_intro a.more_toggle { font-weight:bold; color:#333; text-decoration:none; padding:0 18px 0 0; background:url(../images/site/icon_moretoggle_bg.gif) no-repeat right 2px;  }
div#issue_intro_intro a.more_toggle:hover,
div#issue_intro_intro a.more_toggle:focus { text-decoration:underline; }
div#issue_intro_intro a.more_toggle.down { background-position:right -58px; }

div#issue_intro_ticker { width:200px; float:right; }

h4.content_type { display:inline-block; font-size:10px; line-height:1em; color:#fff; background:#d68f11; text-shadow:rgba(0,0,0,0.2) 1px 1px 1px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; margin:0 0 15px 0; text-transform:uppercase; padding:4px; }

/* CONTENT LISTINGS ------ */

ul#blog_listing li.pagination,
ul#video_listing li.pagination,
ul#document_listing li.pagination,
ul#photo_listing li.pagination,
ul#audio_listing li.pagination { padding-bottom:0; border:none; margin:0; }

    /* BLOG */
    ul#blog_listing { list-style:none; }
    ul#blog_listing li { margin:0 0 15px 0; padding:0 0 15px 220px; overflow:hidden; border-bottom:1px solid #c8cfb8; }
    ul#blog_listing h3 img { position:relative; float:left; left:-220px; margin:0 -200px 0 0; }
    ul#blog_listing p { margin:0 0 8px 0; }
    
    /* VIDEO */
    ul#video_listing { list-style:none; }
    ul#video_listing li { margin:0 0 15px 0; padding:0 0 15px 220px; overflow:hidden; border-bottom:1px solid #c8cfb8; position:relative; }
    ul#video_listing h3 img { position:relative; float:left; left:-220px; margin:0 -200px 0 0; }
    ul#video_listing h3 a span { display:block; width:30px; height:30px; text-indent:-9999px; background:url(../images/site/icon_video_play.png) no-repeat 0 0; position:absolute; left:161px; top:68px; }
    ul#video_listing h3 a:hover span,
    ul#video_listing h3 a:focus span { background-position:0 bottom; }
    ul#video_listing p { margin:0 0 8px 0; }
    
    /* DOCUMENTS */
    ul#document_listing { list-style:none; }
    ul#document_listing li { margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #c8cfb8; }
    ul#document_listing li h3 { padding: 0 0 0 20px; background-repeat:no-repeat; background-position:0 0; }
    ul#document_listing li.pdf h3 { background-image:url(../images/site/icon_pdf.gif); padding:0 0 0 23px; }
    ul#document_listing li.doc h3 { background-image:url(../images/site/icon_doc.gif); }
    ul#document_listing li.xls h3 { background-image:url(../images/site/icon_xls.gif); }
    
    /* PHOTOS */
    ul#photo_listing { list-style:none; }
    ul#photo_listing li { margin:0 0 15px 0; padding:0 0 15px 220px; overflow:hidden; border-bottom:1px solid #c8cfb8; }
    ul#photo_listing h3 img { position:relative; float:left; left:-220px; margin:0 -200px 0 0; }
    ul#photo_listing p { margin:0 0 8px 0; }
    
    /* AUDIO */
    ul#audio_listing { list-style:none; }
    ul#audio_listing li { margin:0 0 15px 0; padding:0 0 15px 50px; border-bottom:1px solid #c8cfb8; }
    ul#audio_listing li h3 a span { display:block; width:40px; height:40px; text-indent:-9999px; background:url(../images/site/icon_audio_play.png) no-repeat 0 0; float:left; position:relative; left:-50px; margin:0 -40px 0 0; }
    ul#audio_listing li h3 a:hover span,
    ul#audio_listing li h3 a:focus span { background-position:0 -40px; }
    
/* CONTENT DETAIL PAGES ------ */

.entry div#content_pri h1 { border-bottom:1px solid #ccc; padding:0 0 20px 0; font-size:16px; }
.entry div#content_pri h1 a { padding:0 0 0 20px; background:url(../images/site/icon_back.gif) no-repeat 0 center; }

div#entry_title { padding:20px 0 0 0; }
div#entry_title h4.content_type { float:left; margin:2px 10px 0 0; }
div#entry_title h2 { float:left; width:480px; margin:0 0 20px 0;}
div#entry_title p.date { float:right; margin:3px 0 0 0 ; }
div#entry_title p.comment_link { clear:both; background:#eee; font-size:12px; padding:6px 10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0 0 30px 0; }

div#item_description { font-size:12px; color:#666; }

    /* BLOG */
    
        div#blog_content { margin:0 150px 0 0px; }
        div#blog_author { padding:13px 0 0 0; font-size:11px; color:#666; border-top:1px solid #ddd; }
        div#blog_author p { margin:0; }
        
    /* VIDEO */
    
        div#video_content { padding:10px 0 0 0; margin:0 150px 0 0px; }
        div#player { margin:0 0 10px 0; }
    
    /* PHOTOS */
    
        div#photos { margin:0 0 10px 0; }
    
    /* AUDIO */
    
        div#audio { margin:0 0 10px 0; }
    	
	/* RELATED CONTENT */
	
    	div#related_wrapper { margin:45px 0; }
    	div#related_content { background:#ebf3d8; padding:20px 20px 1px 20px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
    	div#related_content ul { list-style:none; margin:0; }
    	div#related_content ul li { margin:0 0 15px 0; padding:0 0 15px 0; overflow:hidden; border-bottom:1px solid #c8cfb8; position:relative; }
    	div#related_content ul li.last { border:none; padding-bottom:0; }
        div#related_content ul li h4 { margin:0 0 0 10px; float:right;  }

        div#related_content ul li.type_blog,
        div#related_content ul li.type_videos,
        div#related_content ul li.type_photos { padding:0 0 15px 220px; }
        div#related_content ul li.type_blog h3 img,
        div#related_content ul li.type_videos h3 img,
        div#related_content ul li.type_photos h3 img { position:relative; float:left; left:-220px; margin:0 -200px 0 0; }
    
        div#related_content ul li.type_videos h3 a span { display:block; width:30px; height:30px; text-indent:-9999px; background:url(../images/site/icon_video_play.png) no-repeat 0 0; position:absolute; left:161px; top:68px; }
        div#related_content ul li.type_videos h3 a:hover span,
        div#related_content ul li.type_videos h3 a:focus span { background-position:0 bottom; }
    
        div#related_content ul li.type_documents h3 { padding: 0 0 0 20px; background-repeat:no-repeat; background-position:0 0; }
        div#related_content ul li.type_documents.pdf h3 { background-image:url(../images/site/icon_pdf.gif); padding:0 0 0 23px; }
        div#related_content ul li.type_documents.doc h3 { background-image:url(../images/site/icon_doc.gif); }
        div#related_content ul li.type_documents.xls h3 { background-image:url(../images/site/icon_xls.gif); }
    
        div#related_content ul li.typeaudio { padding:0 0 15px 50px; }
        div#related_content ul li.typeaudio li h3 a span { display:block; width:40px; height:40px; text-indent:-9999px; background:url(../images/site/icon_audio_play.png) no-repeat 0 0; float:left; position:relative; left:-50px; margin:0 -40px 0 0; }
        div#related_content ul li.typeaudio li h3 a:hover span,
        div#related_content ul li.typeaudio li h3 a:focus span { background-position:0 -40px; }



/* 14. TAKE ACTION
---------------------------------------------------------------------- */

.take_action p.intro { margin:0 0 25px 0; }

div#take_action_main { float:left; }
div#take_action_sub { width:180px; float:right; font-size:12px; line-height:18px; }

.take_action div#widget { float:right; margin:0 0 25px 20px;}



/* 15. NEWS
---------------------------------------------------------------------- */

ul#news_listing { list-style:none; border-top:1px solid #c8cfb8; padding:0; }
ul#news_listing li { margin:0; padding:20px 10px 0 10px; border-bottom:1px solid #c8cfb8; position:relative; }
ul#news_listing li.alt { background:#ebf3d8; }
ul#news_listing li h3 { font-size:15px; margin:0 0 8px 0; }
.news ul#news_listing li h3 { padding-right:120px; }
ul#news_listing li h3 a { text-decoration:none; padding:0 12px 0 0; background:url(../images/site/icon_external.gif) no-repeat right top; }
ul#news_listing li p.meta { margin:0 0 20px 0; }
ul#news_listing li p.meta a { font-weight:normal; }
ul#news_listing li p.date { position:absolute; right:10px; top:22px; }

ul#news_listing li.no_results { padding:15px; background:#ebf3d8; }

ul#news_listing li.tweet { padding-left:50px; background-image:url(../images/site/icon_tweet.png); background-repeat:no-repeat; background-position:10px 23px; }
ul#news_listing li p.twit { padding:0 130px 0 0; color:#666; font-size:15px; line-height:22px; }

.tabs ul#news_listing { border:none; }
.tabs ul#news_listing li { padding:20px 0 0 0; }
.tabs ul#news_listing li:first-child { padding-top:0; }
.tabs ul#news_listing li:first-child p.date { top:2px; }

div#news_intro { background:#eee; margin:0 0 30px 0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:15px; }
div#news_intro p.intro { margin:0 0 18px 0; font-size:14px; border-bottom:1px dotted #ccc; padding:0 0 13px 0; }
div#news_intro h4 { float:left; margin:0 20px 0 0; position:relative; top:2px; }
div#news_intro form {  }
div#news_intro form label { display:none; }
div#news_intro form span { font-weight:bold; font-size:11px; display:inline-block; text-transform:uppercase; margin:0 5px; color:#999; }
.js-enabled div#news_intro form input { display:none; }

a.commentary_toggle { padding:0 12px 0 0; background:url(../images/site/icon_moretoggle_bg_small.gif) no-repeat right 2px; }
a.commentary_toggle.down { background-position:right -43px; }

div.news_commentary { border:1px dotted #ccc; background:#fff; padding:5px 10px; margin:0 0 20px 0; font-size:12px; line-height:16px; }
div.news_commentary p { margin:0; padding:5px 0; }

ul#news_listing li.pagination { border:none; padding:15px 0 0 0; background:transparent; }

/* PERMALINK */
    
    div#navigation_news { background:#ebf3d8; border-top:1px solid #c8cfb8; border-bottom:1px solid #c8cfb8; padding:10px 10px; margin:30px 0 20px 0; font-size:12px; line-height:1em; overflow:hidden; }
    div#navigation_news p { float:left; margin:0; }
    div#navigation_news p a { padding:0 0 0 15px; background:url(../images/site/icon_back_small.gif) no-repeat left center; }
    div#navigation_news ul { list-style:none; margin:0; float:right; }
    div#navigation_news ul li { float:left; border-left:1px solid #ccc; padding:0 0 0 10px; margin:0 0 0 10px; }
    div#navigation_news ul li:first-child { padding:0; border:none; }
    
    .news.permalink p.meta { margin:0 0 22px 0; }
    
    div.news_commentary_permalink { padding:17px 0 0 0; border-top:1px dotted #ccc; }



/* 16. DATA CENTER
---------------------------------------------------------------------- */

.data-center div#content_wrapper { padding-right:20px; }

div#datacenter_intro { overflow:hidden; margin:0 0 20px 0; }
div#datacenter_intro p { width:510px; float:left; margin:0; }
div#datacenter_controls { width:400px; height:60px; float:right; background:#7eab58; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
div#datacenter_controls.loading { background:#7eab58 url(../images/site/datacenter_controls_loader.gif) no-repeat 180px center; }
div#datacenter_controls form { padding:19px 0 0 10px; width:160px; float:left; }
div#datacenter_controls form label { display:none; }
div#datacenter_controls form select { width:160px; }

object#controls { float:right; width:200px;  }

div#datacenter_interface { background:#000; height:355px; padding:20px 0 0 0; position:relative; margin:0 0 50px 0; }

div#datacenter_instructions { width:295px; margin:90px 0 0 68px; }
div#datacenter_interface p { font-size:20px; line-height:26px; color:#333; text-align:center; }

div#datacenter_globe { width:554px; height:375px; position:absolute; top:0; right:0; background:url(../images/site/datacenter_globe.jpg) no-repeat right 0; }

div#datacenter_popup { background:#fff; width:330px; padding:15px; position:absolute; left:20px; top:20px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; /*display:none;*/ }
div#datacenter_popup h3 { color:#000; font-size:18px; }
div#datacenter_popup h5 { font-size:11px; margin:0; position:absolute; top:15px; right:25px; }
div#datacenter_popup h5 a { display:block; color:#fff; background:#d68f11; text-decoration:none; text-shadow:rgba(0,0,0,0.2) 1px 1px 1px; padding:2px 4px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
div#datacenter_popup h5 a:hover,
div#datacenter_popup h5 a:focus { background:#9f6600; }
div#datacenter_popup p.close { display:block; width:16px; height:15px; margin:0; position:absolute; top:-7px; right:-7px; }
div#datacenter_popup p.close a { display:block; width:16px; height:15px; text-indent:-9999px; background:url(../images/site/datacenter_close.png) no-repeat 0 0; }
div#datacenter_popup p.close a:hover,
div#datacenter_popup p.close a:focus { background-position:0 bottom; }
div#datacenter_popup table { margin:0; }

div#datacenter_scorecard { width:600px; float:left; }
div#datacenter_scorecard h2 span { font-weight:normal; }
div#datacenter_scorecard h2 a { font-size:11px; position:relative; left:3px; top:-1px; }
div.charts { background:#fff; border:1px solid #ccc; margin:0 0 20px 0; }
.charts h4 { color:#444; font:bold 11px helvetica, arial, sans-serif; text-align:center; padding-top:11px; }
.charts p { text-align:center; }

div#datacenter_countryinfo { width:280px; float:right; }

.data-center div.sidebar_block h4 { color:#5980ab; color:; font-size:13px; line-height:1.4em; }
.data-center div.sidebar_block h4.content_type { color:#fff; font-size:10px; float:left; margin:0 5px 0 0; padding:2px; line-height:1em; }

div#country_related ul { list-style:none; margin:0; }
div#country_related ul li { border-top:1px solid #d9d9d9; padding:20px 0 0 0; margin:0; }

ul#datacenter_countries { list-style:none; font-size:16px; line-height:24px;
    -moz-column-count:5;
    -moz-column-gap:20px;
    -webkit-column-count:5;
    -webkit-column-gap:20px;
    column-count:5;
    column-gap:20px;
}
ul#datacenter_countries li { margin:0; }
ul#datacenter_countries li a { color:#555; }
ul#datacenter_countries li a:hover,
ul#datacenter_countries li a:focus { color:#58773d; }



/* 17. GLOSSARY
---------------------------------------------------------------------- */

ul#navigation_glossary { list-style:none; overflow:hidden; margin:30px 0 40px 0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
ul#navigation_glossary li { float:left; margin:0; }
ul#navigation_glossary li a { display:block; background:#eee; padding:10px 0 9px 0; text-align:center; width:26px; font-weight:bold; text-decoration:none; text-transform:uppercase; font-size:12px; }
ul#navigation_glossary li:first-child a { padding-left:2px; }
ul#navigation_glossary li.last a { padding-right:2px; }
ul#navigation_glossary li a:hover,
ul#navigation_glossary li a:focus { background:#ddd; }
ul#navigation_glossary li.cur a { background:#d68f11; color:#fff; text-shadow:rgba(0,0,0,0.2) 1px 1px 1px; }

div.glossary_term { border-bottom:1px dotted #ccc; margin:0 0 15px 0; padding:0 0 15px 0; }
div.glossary_term h3 { margin:0 0 5px 0; }
div.glossary_term p { margin:0; }
div.glossary_term p.more { margin:5px 0 0 0; font-size:11px;  }
div.glossary_term p.more a { padding:0; background:none; }



/* 18. ACCOUNT
---------------------------------------------------------------------- */

div.account_form { background:#ebf3d8; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:15px; position:relative; }
div.account_form h3 { color:#666; border-bottom:1px solid #c8cfb8; padding:0 0 10px 0; margin:0 0 20px 0 ; }
div.account_form p { width:410px; font-size:11px; line-height:16px; margin:0 0 20px 0; color:#666; }
div.account_form fieldset { width:390px; }
div.account_form label { width:170px; }
div.account_form input[type="text"],
div.account_form input[type="password"] { width:210px; }
div.account_form select { margin:0 5px 0 0; }
div.account_form div.submit { position:absolute; bottom:15px; margin:0; }

div#register_account h3 { padding:25px 0 10px 0; }
div#newsletter_terms { background:#c8cfb8; margin:20px 0 0 0; padding:10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
div#newsletter_terms p { margin:0; color:#333; }
div#register_account div.submit { left:500px; }

div#edit_account { margin:0 0 30px 0; }
div#edit_account div.submit { left:465px; bottom:23px; }

div#newsletter_signup p { margin:0; }
div#newsletter_signup div.submit { left:455px; bottom:20px; }
div#newsletter_signup div.submit.un { left:437px; }

div#forgotten_password { margin:0 0 40px 0; }
div#forgotten_password label,
div#forgotten_username label { width:120px; }
div#forgotten_password div.submit,
div#forgotten_username div.submit { left:375px; bottom:27px; }



/* 19. ABOUT PAGES
---------------------------------------------------------------------- */

div#about_content { width:460px; float:left; }

.about div#navigation_sec { width:180px; float:right; font-size:12px; }
.about div#navigation_sec ul { background:#ebf3d8; list-style:none; }
.about div#navigation_sec ul li { margin:0; border-bottom:1px solid #d3dac2; border-top:1px solid #fff; }
.about div#navigation_sec ul li a { display:block; text-decoration:none; padding:5px 5px 5px 25px; background:url(../images/site/icon_more_small.gif) no-repeat 8px center; }
.about div#navigation_sec ul li.cur a { font-weight:bold; color:#324423; }

ul.rss { list-style:none; }
ul.rss li { margin:0; padding:0 0 0 18px; background:url(../images/site/icon_rss_12.gif) no-repeat 0 center; }

/* CONTACT FORM ------ */

    form#contact_form { background:#eee; padding:15px; margin:0 0 30px 0; }
    form#contact_form p { background:#ddd; margin:0 0 20px 0; padding:10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:11px; }
    form#contact_form label { width:150px; }
    form#contact_form label[for="contact_message"] { float:left; }
    
    form#contact_form input[type="text"] { width:270px; }
    form#contact_form textarea { width:274px; }
    form#contact_form select { width:275px; }
    
    div#security_question { background:#ddd; margin:30px 0 20px 0; padding:10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:11px; }
    div#security_question p { padding:0; margin:0 0 10px 0; } 
    div#security_question label { width:140px; }
    div#security_question input[type="text"] { width:260px; }




/* 20. ERROR & MESSAGE PAGES
---------------------------------------------------------------------- */

.user_message { background:#eee; }

div#user_message { width:600px; background:#fff; margin:15% auto 0 auto; box-shadow:rgba(0,0,0,0.1) 0 0 10px; -webkit-box-shadow:rgba(0,0,0,0.1) 0 0 10px; -moz-box-shadow:rgba(0,0,0,0.1) 0 0 10px; padding:0 0 30px 0; }

div#user_message div#branding { height:95px; margin:0; background:url(../images/site/usermessage_branding_bg.jpg) no-repeat right 0; }
div#user_message div#branding h1 { padding:30px 0 0 30px;}

div#message_title { background:#3e5977; padding:12px 30px; }
div#message_title h2 { color:#fff; font-size:15px; margin:0; }

div#message_content { padding:30px 30px 17px 30px; }

div#message_action { background:#ebf3d8; padding:10px 15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0 30px; }
div#message_action p { margin:0; }
div#message_action p a { font-size:14px; font-weight:bold; padding:0 0 0 22px; background:url(../images/site/user_message_action.gif) no-repeat left center; }


