/*
	Title: Screen CSS
	Author: Andrew & Rui
	Date: 2009-09

	Palette --------------------

	#4e4f50;	grey
	#432a68;	purple
	#be196f;	pink
	#71a7b0;	blue
	#f6f3e8;    beige

*/


/* Reset from Eric Meyer */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* General overrides */

body {
    text-align: center;
    font-family: arial, helvetica, verdana, sans-serif;
    font-size: 88%; /*14px*/
    line-height: 1.5;
    color: #4e4f50;
}

a {
    text-decoration: none;
    color: #432A68;
}

h1, h2, h3, blockquote {
	text-transform: uppercase;
	line-height: 1;
	font-weight: normal;
	color: #432a68;
	margin-bottom: 15px;

}

h1, h2, h3 {
	font-family: 'gill sans','gill sans mt', helvetica, arial, 宋体;
}

h1 {
	font-size: 3em; /*42px*/
	letter-spacing: -0.5px;
}

	body.homepage h1 {
		margin: 5px 0 5px;
	}

h2 {
	font-size: 1.57em; /*22px*/
	border-bottom: 1px solid #432a68;
	padding-bottom: 6px;
}

h3 {
	font-size: 1.29em; /*18px*/
}

p {
	margin-bottom: 1em;
}

hr {
	color: #CFCCBB;
	background-color: #CFCCBB;
	height: 1px;
}

#lang-select {
    position: absolute;
    right: 100px;
    top: 10px;
}
    
#content ul li, #content ol li {
	list-style: square inside;
	margin-left: 15px;
	padding-bottom: 10px;
}

#content ol li {
	list-style: decimal;
}

#content ul.drops li{
        float:left;
        overflow:hidden;
        width:95%;
        list-style-type:none;
        margin-left:0;
        padding-left:25px;
        background:url(../images/water-drop.png) 0 0 no-repeat;
}
        #content ul.drops img{
                float:right;
                margin:0 0 10px 10px;
        }

/* Shared special hover style */

#main-intro p a,
#content a,
#focus-detail p a{
	color: #be196f;
}

#main-intro p a:hover,
#content a:hover,
ul.newsticker a:hover,
#focus-detail p a:hover {
	text-decoration: underline;
	color: #be196f;
}

/* Main page-squeezing container */

#container {
    width: 980px;
    margin: 0 auto;
    text-align: left;
}

/* Header bar */

#header {
    background: #f6f3e8;
    position: relative;
    height: 78px;
}

	#header #rsa-logo {
	    position: absolute;
	    top: 20px;
	    left: 20px;
	    width: 76px;
	    height: 40px;
        text-indent: -9999px;
        background: url(../images/rsa_logo_small.gif) 0 0 no-repeat;
	}

	#header #wwf-logo {
	    position: absolute;
	    top: 13px;
	    right: 21px;
	    width: 34px;
	    height: 49px;
        text-indent: -9999px;
        background: url(../images/wwf_logo_small.gif) 0 0 no-repeat;
	}

    form.language-select {
        display: inline;
        margin: 0;
        padding: 0;
    }
    
    form.language-select+form.language-select {
        border-left: 1px dotted #999;
    }
    
    form.language-select a.text-button {
        border: 0;
        background-color: transparent;
        color: #999;
        padding: 0 5px;
        font-size: 12px;
    }

    form.language-select a.text-button:hover {
        color: #be196f;
    }

    #languages {
    	position: absolute;
    	top: 23px;
    	right: 114px;
    	display: block;
    }

    	#languages li {
    		display: block;
    		float: left;
    		font-size: .71em; /*10px*/
    		border-left: 1px dotted #999;
    		line-height: 1.2;
    		margin-left: 8px;
    		padding-left: 8px;
    	}

    	#languages li.chs {
    		border-left: 0;
    	}

	    	#languages li a {
	    		color: #333;
	    	}

    #top-nav {
    	position: absolute;
    	top: 50px;
    	right: 90px;
    	/*font-family: 'gill sans','gill sans mt', helvetica, arial;*/
		font-family: arial;
    	font-size: 13px;
		font-weight: bold;
		width:600px;
		overflow:hidden;
    }
    
    	#top-nav li {
            background-image: url('../images/nav_arrow.gif');
            background-position: 0 4px;
            background-repeat: no-repeat;
    		overflow:hidden;
    		float: left;
    		margin: 0 14px 0 0;
    		padding-left: 13px;
    	}

    		#top-nav li a {
    			display: block;
    		}

    		#top-nav li a.selected,
    		#top-nav li a:hover {
                color: #BE005C;
    		}

/* Header for homepage */

body.tall-header #header {
	height: 120px;
}

	body.tall-header #header #rsa-logo {
	    top: 36px;
	    left: 21px;
	    width: 120px;
	    height: 62px;
		text-indent:-9999px;
		background: url(../images/rsa_logo_big.gif) 0 0 no-repeat;
	}

	body.tall-header #header #wwf-logo {
	    top: 27px;
	    right: 25px;
	    width: 50px;
	    height: 75px;
		background: url(../images/wwf_logo_big.gif) 0 0 no-repeat;
	}

    body.tall-header #header #top-nav {
    	top: 80px;
    }

/* Main content */

#content p.intro {
	font-size: 1.14em; /*16px*/
	color: #432a68;
}

blockquote {
	color: #71a7b0;
	font-size: 1.93em; /*27px*/
	background-color: white;
	padding: 20px 10px;
}

	blockquote cite {
		font-size: .41em;
		color: #4e4f50;
		text-transform: none;
	}

#related-articles {
	clear: both;
	overflow: hidden;
	padding-top: 15px;
}

	#related-articles h2 {
		font-size: 1.29em; /*18px*/
	}

	#related-articles ul li {
		background: url(../images/list_arr_purple.gif) 0 6px no-repeat;
		padding: 0 10px 10px 16px;
		border-bottom: 1px solid #cfccbb;
		margin: 0 0 10px;
		line-height: 1.25;
	}

		#related-articles ul li a,
		#related-articles ul li a:hover {
			color: #432A68;
		}

		#related-articles ul li small,
		#sidebar ul li small {
			font-size: .86em; /*12px*/
			display: block;
			color: #666;
			margin-top: 2px;
		}

#back-to-top {
	clear: both;
	display: block;
	overflow: hidden;
	margin: 30px 0 10px;
	width:100%;
}

	#back-to-top a {
		float: right;
		display: block;
		height: 10px;
		width: 93px;
		background: url(../images/back-to-top.gif) 0 0 no-repeat;
		text-indent: -9999px;
	}

/* (Purple) links bar, under page content */

#bottom-bar {
    background: #432a68;
    height: 47px;
    position: relative;
    color: white;
    clear: both;
}
    #mail-icon {
        position: absolute;
        left: 15px;
        top: 2px;
    }

    #risk-form {
        position: absolute;
        left: 63px;
    }

    	#risk-form label {
    		background: url(../images/mail_label.gif) 0 0 no-repeat;
    		text-indent: -9999px;
    		display: block;
    		float: left;
    		width: 187px;
    		margin: 20px 10px 0 0;
    	}

    	#risk-form input,
    	#risk-form button {
    		float: left;
    		margin: 12px 5px 0 0;
    		font-family: helvetica;
    		font-size: 1em;
    		color: #666;
    	}

    	#risk-form input#id_email {
    		padding: 2px 18px 0 2px;
    		width: 150px;
    		outline: none;
    	}

		#validEmail {
			float: left;
			padding: 14px 5px 10px 7px;
			display: none;
		}

		#risk-form #submitmail {
			width: 60px;
			height: 26px;
			border: 0;
			text-indent: -9999px;
			background: url(../images/submit_button.gif) 0 -26px no-repeat;
			cursor: pointer;
		}

		#risk-form #submitmail:hover {
			background-position: 0 0;
		}

    #bottom-bar a#win-wwf-print {
    	position: absolute;
    	left: 550px;
    	top: -8px;
        color: white;
        display: block;
        width: 237px;
        height: 60px;
        text-indent: -9999px;
		background: url(../images/teaser-competition-footer.png) 0 0 no-repeat;
		cursor: pointer;
    }
	
	#bottom-bar a#risk-report {
    	position: absolute;
    	left: 565px;
    	top: -8px;
        color: white;
        display: block;
        width: 237px;
        height: 60px;
        text-indent: -9999px;
		background: url(../images/teaser-report-footer.png) 0 0 no-repeat;
		cursor: pointer;
    }

	#bottom-bar a#win-a-tiger-footer {
    	position: absolute;
    	left: 510px;
    	top: -8px;
        color: white;
        display: block;
        width: 300px;
        height: 71px;
        text-indent: -9999px;
		background: url(../images/win-a-tiger-footer.png) 0 0 no-repeat;
		cursor: pointer;
    }
	
	#bottom-bar a#earth-hour-footer {
    	position: absolute;
    	left: 565px;
    	top: -2px;
        color: white;
        display: block;
        width: 225px;
        height: 53px;
        text-indent: -9999px;
		background: url(../images/EA-teaser-inner.png) 0 0 no-repeat;
		cursor: pointer;
    }

    /* body.homepage #bottom-bar a#win-wwf-print,
    body.focuspage #bottom-bar a#win-wwf-print,
    body.competitionpage #bottom-bar a#win-wwf-print {
    	display: none;

    } */

    #bottom-bar a#contact-us {
        float: right;
        margin: 13px 20px 0 0;
        color: white;
        display: block;
        width: 111px;
        height: 21px;
        text-indent: -9999px;
		background: url(../images/contact_us.gif) 0 -21px no-repeat;
    }

    #bottom-bar a#contact-us:hover {
    	background-position: 0 0;
    }

    #bottom-bar .thanks {
        position: absolute;
        left: 63px;
        top: 14px;
        display: block;
    }

/* Grey/White footer */

#footer {
    text-align: center;
    color: #999;
    font-size: .86em; /*12px*/
    padding: 15px 0 20px;
    list-style-type: none;
}
    #footer li {
        padding: 0 5px;
        border-right: 1px solid #ccc;
        display: inline;
        line-height: 1;
    }
        #footer li.last {
            border-right: 0;
        }
        #footer li a {
            color: #666;
        }
        #footer li a:hover {
            text-decoration: underline;
        }

/* Share links */
.share {
    margin: 15px 0;
}
    #share-label {
        text-transform: uppercase;
    }
    
    .share .twitter {
        background: url(../images/icon-twitter.png) 0 0 no-repeat;
    }
    
    .share .linkedin {
        background: url(../images/icon-linkedin.png) 0 0 no-repeat;
    }
    
    .share .email {
        background: url(../images/icon-email.png) 0 0 no-repeat;
    }
    
    /* Styling for share links in the sidebar */
    .share-compact {
        float: right;
        margin: 0;
        padding: 0;
    }
    
    .share-compact .share {
        margin: 0;
        padding: 0;
    }
    
    .share-compact #share-label {
        float: left;
    }
    
    .share-compact .share .button {
        position: relative;
        display: block;
        float: left;
        width: 16px;
        margin-top: 2px;
        margin-left: 5px;
        overflow: hidden;
        text-indent: -9999px;
    }

    /* Share link styling specific to Pages */
    #sidebar .share {
        margin: 15px 0 0 0;
    }
    
    /* Share link styling specific to the focus page */
    #focus-detail .share-compact,
    #tabs-container .share-compact {
        position: absolute;
        bottom: 0px;
        right: 5px;
    }
    
    #focus-detail #share-label {
        font-size: 10px;
        margin-top: 3px;
    }

    /* Styling for share links on the oil-map-spill page */
    #flash_map_wrapper .share-compact {
        margin: 10px 20px -10px 0;
    }
    
    /* Styling for share links in the bottom bar (i.e. on the homepage) */
    #bottom-bar .share {
		font-size: 0.86em;
        position: absolute;
        right: 164px;
        top: 13px;
        margin: 0;
    }
    
    #bottom-bar .share .button {
        padding-left: 20px;
		padding-bottom: 3px;
		padding-top: 1px;
    }
    
    #bottom-bar .share a {
        color: #FE7FC1;
    }
    
    #bottom-bar .share a:hover {
        color: white;
    }

/* Index splash page section */

#main-splash {
    height: 580px;
    position: relative;
}
body.homepage #main-splash {
	height: 550px;
}
	#main-intro {
		position: absolute;
		left: 20px;
		width: 940px;
		bottom: 20px;
		/*height: 215px;*/
		background: url(../images/beige_90.png);
		color: #432a68;
	}

		#main-intro div {
		    padding: 15px 30px;
		}

            #main-intro #publications {
                float: right;
                width: 200px;
                padding: 0 0 0 20px;
                margin: 20px;
                border-left: 1px solid #ccc;
            }

                #main-intro #publications h2 {
                    border-width: 0;
                    padding-bottom: 8px;
                    margin-bottom: 0;
                    font-size: 15px;
                    font-family: Arial, Helvetica, sans-serif;
                    border-bottom: 1px solid #ccc;
                }

                #main-intro #publications h3 {
                    font-size: 13px;
					line-height: 1.2em;
                    font-weight: bold;
                    margin: 0;
                    text-transform: none;
                    font-family: Arial, Helvetica, sans-serif;
                }

                #main-intro #publications a {
                    color: #BE196F;
                }
				
				#main-intro #publications a.all-publications {
					font-size: 82%;
				}

                #main-intro #publications a:hover {
                    text-decoration: underline;
                }
                
                #main-intro #publications .publication-list {
                    margin: 0 0 8px 0;
                    padding: 0;
                }
                #main-intro #publications .publication-item {
                    margin: 0;
                    padding: 8px 0;
                    border-bottom: 1px solid #ccc;
                }
                #main-intro #publications .publication-item .meta {
                    margin: 0;
                    padding: 0;
                    color: #666;
                    font-size: 11px;
                    font-style: italic;
                }

            #main-intro #main-intro-content {
                margin-right: 220px;
            }


    			#main-intro-content h1 {
    			    font-size: 2.57em; /*36px*/
    			}

    			#main-intro-content p {
    				font-size: 1em; /*16px*/
    				line-height: 1.45em;
    			}

				#main-intro-content p a {
					font-size: .69em; /*11px*/
					text-transform: uppercase;
					font-weight: bold;
				}

			#win-competition {
				display: block;
				background: url(../images/teaser-competition.png) 0 0 no-repeat;
				width: 258px;
				height: 73px;
				text-indent: -9999px;
				position: absolute;
				right: 0;
				top: 10px;
				z-index: 10;
				cursor: pointer;
			}
			#download-risk-report {
				display: block;
				background: url(../images/teaser-riskreport.png) 0 0 no-repeat;
				width: 385px;
				height: 118px;
				text-indent: -9999px;
				position: absolute;
				right: 0;
				top: 50px;
				z-index: 10;
				cursor: pointer;
			}
			#win-a-tiger {
				display: block;
				/*background: url(../images/teaser-tiger-adoption.png) 0 -98px no-repeat;*/
				background-image: url(../images/teaser-tiger-adoption.png);
				background-position: 0 -98px;
				background-repeat: no-repeat;
				width: 272px;
				height: 98px;
				text-indent: -9999px;
				position: absolute;
				right: 0;
				top: 55px;
				z-index: 10;
				cursor: pointer;
			}
			#win-a-tiger:hover {
				background-position: 0 0;
			}
			#earth-hour {
				display: block;
				background-image: url(../images/EA-teaser-home.png);
				/*background-position: 0 -98px;*/
				background-repeat: no-repeat;
				width: 220px;
				height: 112px;
				text-indent: -9999px;
				position: absolute;
				right: 0;
				top: 50px;
				z-index: 10;
				cursor: pointer;
			}



/* Individual focus page */

#focus-title {
    padding: 70px 0 0 15px;
    font-weight: normal;
    font-size: 200%;
    color: #432a68;
}

#focus-menu {
    list-style-type: none;
    position: absolute;
    top: 0;
    left: 20px;
    color: white;
    z-index: 10;
}
	.js #focus-menu {
		width:310px;
	}

    #focus-menu li {
        padding: 6px 15px 6px 15px;
        display: block;
    }

    #focus-menu li.top {
        background: #432a68 url(../images/focus_white.gif) no-repeat 96% 14px;		
  	    width: 270px;
  	    cursor: pointer;
    }

    #focus-menu li.top.hover {        
		background: #291345 url(../images/focus_white.gif) no-repeat 96% 14px;		
    }

    #focus-menu li.focus {
        background: transparent url(../images/black_85.png) 0 0 repeat;
        padding: 0;
        font-size: 12px;
        border-right: 1px solid #666;
		float:left;
    }

	.js #focus-menu li.focus {
        background: transparent url(../images/black_85.png) 0 0 repeat;
        width: 300px;
        padding: 0;
        font-size: 15px;
        border-bottom: 1px solid #333;
		border-right:0;
        display: none;
    }

    #focus-menu li.last-focus-item {
        border-bottom: 0;
    }

        #focus-menu li.focus:hover,
        #focus-menu li.pretty-hover {
            background: black none;
        }

        #focus-menu li.focus a {
            color: white;
            padding: 4px 8px;
            display: block;
        }
		.js #focus-menu li.focus a {
            color: white;
            padding: 7px 17px;
            display: block;
        }

        #focus-menu li.focus:hover a,
        #focus-menu li.pretty-hover a {
            background: url(../images/focus_hover.png) 275px center no-repeat;
            color: #be196f;
        }


#project-tabs {
    position: absolute;
    right: 25px;
    width: 920px;
    bottom: 310px;
    height: 60px;
    list-style-type: none;
}
    #project-tabs li {
        display: block;
        float: right;
        height: 60px;
        width: 140px;
        background: url(../images/black_50.png);
        margin: 0 2px 0 0;
    }
        #project-tabs li a {
            color: #fff;
            height: 70px;
            display: block;
        }
        #project-tabs li small {
            display: block;
            font-style: italic;
        }
        #project-tabs li:hover {
            background: url(../images/black_30.png);
            position: relative;
            top: -10px;
            padding-bottom: 10px;
        }
        #project-tabs li.selected {
            background: url(../images/beige_90.png);
        }
	        #project-tabs li.selected:hover {
	        	top: 0;
	        	padding-bottom: 0;
	        }
            #project-tabs li.selected a {
                color: #432a68;
            }


#focus-detail {
    position: absolute;
    left: 20px;
    width: 880px;
    bottom: 20px;
    padding: 20px 30px;
    height: 250px;
    background: url(../images/beige_90.png);
}
	#focus-detail p {
		font-size: 0.95em;
		line-height: 1.4em;
	}
	#focus-detail div.left {
		float: left;
		width: 270px;
		margin-right: 30px;
	}
	#focus-detail div.right {
		float: left;
		width: 270px;
	}
	#focus-detail .text ul li {
		list-style-type:square;
		margin-left:15px;
		font-size:0.95em;
	}

/* Content and Sidebar */

#page-area, #news-area {
    position: relative;
    overflow: hidden;
	width: 100%;
	background: url(../images/bg_5.jpg) 0 0 no-repeat;
}
	.top-10-tips-save-water #page-area, .use-water-wisely-home #page-area,  .avoid-water-leaks #page-area{
		background: url(../images/water-bg.jpg) 0 0 no-repeat;
	}
	.partnership #page-area, #news-area {
		background: url(../images/bg_5.jpg) 0 0 no-repeat;
	}
	.risk-reports #page-area {
		background: url(../images/bg_report.jpg) 0 0 no-repeat;
	}
	.whatyoucando #page-area {
		background: url(../images/bg_8.jpg) 0 0 no-repeat;
	}
	.sitemap #page-area, .site #page-area {
		background: url(../images/bg_school.jpg) 0 0 no-repeat;
	}
	.flashmappage #page-area {
		background: url(../images/fractal_background.jpg) 0 0 repeat-y;
	}
	#page-area #content,
	#news-area #content,
	#sidebar {
        margin: 115px 0 20px 20px;
        background: url(../images/beige_90.png);
        padding: 25px 30px;
	    float: left;

	}

	#page-area #content,
	#news-area #content {
        width: 520px;
		display:inline;
		overflow:hidden;
	}
	
	#content.publications {
	    width: 880px !important;
	}

	#sidebar {
	    width: 280px;
		display:inline;
	}

		#sidebar h2 {
			margin: 0;
			padding-bottom: 10px;
		}

		#sidebar ul.vertical-list {
			position: relative;
			left: -15px;
			margin-right: -15px;
			clear: right;
		}
			#sidebar ul.menu {
				margin-bottom:20px;
			}

		#sidebar #side-image, #sidebar .side-video {
			padding: 0px 5px 30px 5px;
		}

		#sidebar ul.vertical-list li {
			line-height: 1.25;
			padding: 0;
			margin: 0;
			padding-left: 15px;
		}

			#sidebar ul.vertical-list li a {
				display: block;
				padding: 9px 5px;
				border-bottom: 1px solid #cfccbb;
			}

			#sidebar ul.vertical-list li a:hover {
				background-color: white;
			}

		#sidebar ul.vertical-list li.selected {
			background: url(../images/list_arr_pink.gif) 5px 15px no-repeat;
		}

			#sidebar ul.vertical-list li.selected a:hover {
				background-color: transparent;
			}

			#sidebar ul.vertical-list li.selected a {
				color: #be196f;
			}

        #sidebar .news-items {
            padding-bottom: 20px;
        }
        
            #sidebar .news-items .news-item small p {
                margin: 0;
            }
                
                #sidebar .news-item h3 {
                    margin: 0;
                    padding: 0;
                }
  
    div.pagination {
        clear: both;
        float: left;
        margin-top: 12px !important;
    }
        .pagination ul {
            margin: 0 !important;
            padding: 0 !important;
        }
        
        .pagination ul li {
            display: block !important;
            float: left !important;
            height: 19px !important;
            margin: 0 3px 0 0 !important;
            padding: 0 !important;
            min-width: 18px !important;
            text-align: center;
			width:19px;
        }
        
        .pagination .pagecontrol {
            display: block;
            border: 1px solid #C4C1AC;
            font-size: 12px;
            overflow: hidden;
        }
    
        .pagination .selected {
            background-color: #C4C1AC;
            background-image: none;
        }
        
        .pagination li a {
            display: block;
            height: 100%;
        }
        .pagination li a:hover {
            background-color: #432A68;
            color: white;
        }
    
        .pagination .arrow {
            padding: 0;
            background-color: white;
            overflow: hidden;
            text-indent: -9999px;
        }

        .pagination .left {
            width: 18px;
        }

        .pagination .left a {
            background: url(../images/paging-arrow-white-left.png) 0 0 no-repeat;
        }

        .pagination .right {
            width: 19px;
        }

        .pagination .right a {
            background: url(../images/paging-arrow-white-right.png) 0 0 no-repeat;
        }

/* Project tabs */

#project-tabs li {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
}

	#project-tabs li span {
		padding: 2px 10px 10px;
		line-height: 1;
		display: block;
	}

	#project-tabs li small {
		padding: 5px 10px 0;
		text-transform: none;
		font-size: 11px;
		font-weight: normal;
		font-style: italic;
		display: block;
		line-height: 1;
   		background: url(../images/project_tabs_hover.gif) 90% 5px no-repeat;
	}

	#project-tabs li.selected small {
		background: none;
	}

#summary-tabs {
    list-style-type: none;
    overflow: hidden;
    margin-bottom: 20px;
    width: 580px;
    background: url(../images/purple_line.gif) 0 bottom repeat-x;
	font-size:0.9em;
}
	#tabs-container.wide #summary-tabs {
		width: 880px;
	}

    #summary-tabs li {
        float: left;
        padding: 5px 8px;
        text-transform: uppercase;
        margin: 0 0 0 8px;
        display: block;
    }

   		#summary-tabs li a {
   			display: block;
   			/* border: 1px solid red;  */
   		}

    #summary-tabs li.ui-tabs-selected {
    	padding: 4px 7px;
    	border: 1px solid #4A326D;
    	border-bottom: 1px solid #E5E3D7;
    }
    	#summary-tabs li a:hover,
    	#summary-tabs li.ui-tabs-selected a {
    	}


#introduction-tab, #why-important-tab, #what-to-achieve-tab {
    overflow: hidden;
}
    #introduction-tab .text, #why-important-tab .text, #what-to-achieve-tab .text {
        float: left;
        width: 580px;
		height: 185px;
        margin-right: 40px;
		overflow: auto;
		display: block;
    }
    #introduction-tab .text p, #why-important-tab .text p, #what-to-achieve-tab .text p {
        width: 98%;
    }
	#tabs-container.wide #introduction-tab .text, #tabs-container.wide #why-important-tab .text, #tabs-container.wide #what-to-achieve-tab .text {
		width: 880px;
	}
	#introduction-tab p, #why-important-tab p, #what-to-achieve-tab p {
		font-size:0.95em;
	}

	.ui-tabs-hide {
		position: absolute;
		left: -99999px;
		display: block;
	}

#side-image, .side-video {
	float: right;
	width: 270px;
	margin-top: 5px;
}
	#side-image .caption, .side-video .caption {
		font-size: 11px;
		font-style: italic;
		margin-top: 5px;
		display: block;
	}


/* Publications index styling */

#publication-list {
    margin: 0;
    padding: 0;
}

    #publication-list .item {
        margin: 0;
        padding: 10px;
        display: inline;
        position: relative;
        float: left;
        width: 400px;
        height: 200px;
        border-top: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        margin-right: 20px;
        /* Make top/bottom borders of vertically adjacent blocks overlap */
        margin-top: -1px;
    }

    #publication-list .item img.side-image {
        float: left;
        max-width: 150px;
        max-height: 190px;
		padding-top: 10px;
    }
    
    #publication-list .item h2 {
        border-width: 0;
        margin: 0 0 6px 0;
        padding: 10px 0 0 0;
        font-size: 16px;
        color: #A1005D;
    }
    
    #publication-list .item .blurb {
        margin: 0 0 0 170px;
    }
    
    #publication-list .item .meta {
        color: #999;
        font-style: italic;
        font-size: 12px;
    }
    
    #publication-list .item .description {
        font-size: 12px;
        padding: 6px 0;
        margin: 0;
    }
    
    #publication-list .item a.download-link {
        display: block;
        width: 88px;
        height: 20px;
        position: relative;
        overflow: hidden;
        text-indent: -9999px;
        background: url(/static/images/btn-download.png) 0 -20px no-repeat;
    }
    #publication-list .item a.download-link:hover {
        background-position: 0 0;
    }

#publications-feed, #news-feed {
    float: right;
}

#news-feed img {
    width: 21px;
}

/* Sitemap */

body.sitemap #content ul li {
	margin: 0;
	padding: 0 0 10px;
	font-weight: bold;
	list-style: square inside;
}

	body.sitemap #content ul li ul {
		margin-left: 2em;
	}

		body.sitemap #content ul li ul li {
			margin: 5px 0;
			padding: 0;
			font-weight: normal;
			list-style: square inside;
			color: #999;
		}

/* Section index */

#content .hr {
	clear: both;
	border-bottom: 1px solid #CFCCBB;
	height: .5em;
}

body.sectionindex #back-to-top {
	display: none;
}

#content .thumbnail-menu {
	clear: both;
	width: 100%;
	margin: 2em 0 0;
}

	#content .thumbnail-menu li {
		width: 45%;
		margin: 0 5% 1em 0;
		float: left;
		list-style: none;
	}

		#content .thumbnail-menu li .left-image {
			float: left;
			border: 3px solid #8CA2B5;
			margin: 0 1em 2em 0;
		}

		#content .thumbnail-menu li .right-content {
			float: left;
			width: 130px;
		}

		#content .thumbnail-menu li h3 {
			font-size: 1em;
			font-weight: bold;
			margin-bottom: 5px;
		}

			#content .thumbnail-menu li a:hover {
				text-decoration: none;
			}

			#content .thumbnail-menu li a:hover h3 {
				color: #be196f;
			}

		#content .thumbnail-menu li p {
			font-size: .86em;
  			color: #4e4f50;
  			line-height: 1.35;
		}

/* News ticker */

#news-bar {
    /* background: #f6f3e8; */ /* disabled while tiger teaser overlaps it */
    position: relative;
	overflow: hidden;
    color: #888;
    clear: both;
	border-bottom: 1px solid #ccc;
	height: 47px;
}
    #news-bar #feed-link {
        float: right;
        height: 14px;
        margin: 12px 2px 8px 0px;
    }
        #news-bar #feed-link img {
            float: left;
            margin: 2px 6px;
			border-left: 1px solid #AAAAAA;
			padding-left: 10px;
        }
    
	#news-bar h6 {
		color: #432a68;
		float: left;
		padding: 0 15px;
		margin: 10px 0;
		border-right: 1px solid #aaa;
	}

.tickercontainer { /* the outer div  */
/*    float: right;*/
    width: 790px;
	height: 27px;
	padding: 0;
	position: relative;
	overflow: hidden;
	margin: 3px 10px 0 0;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 8px;
	width: 666px;
}
ul.newsticker { /* that's your list */
	position: absolute;
	left: 0px;
	list-style-type: none;
	padding: 0;
	z-index: 100;
	max-width: 745px;
	overflow: hidden;
}
	ul.newsticker li {
		float: left; /* important: display inline gives incorrect results when you check for elem's width */
		margin: 0;
		padding: 0;
	}
	ul.newsticker a {
		white-space: nowrap;
		padding: 0;
		color: #BE196F;
		margin: 0 50px 0 0;
	}
	ul.newsticker span {
		margin: 0 10px 0 0;
	}

.tickercontainer .ticker-controls {
	float: right;
	padding-top: 10px;
	margin-right: 2px;
}
.tickercontainer .ticker-controls .ticker-prev {
	float: left;
	text-indent: -5000px;
	margin-right: 3px;
	width: 16px;
	height: 16px;
	background: url(/static/images/arrow-pink-left.png) 0 -16px no-repeat;
	cursor: pointer;	
}
.tickercontainer .ticker-controls .ticker-prev:hover {
	background-position: 0 0;
}
.tickercontainer .ticker-controls .ticker-next {
	float: left;
	text-indent: -5000px;
	width: 16px;
	height: 16px;
	background: url(/static/images/arrow-pink-right.png) 0 -16px no-repeat;
	cursor: pointer;
}
.tickercontainer .ticker-controls .ticker-next:hover {
	background-position: 0 0;
}


/* News ticker styling for front page */
.homepage #news-bar {
    background-color: #432a68;
    border-bottom-width: 0px;
    position: absolute;
    height: 33px;
    right: 20px;
    width: 500px;
    overflow: hidden;
	font-size: 0.86em;
}

.homepage #news-bar h6 {
	border-right: 1px solid #aaa;
	font-weight: normal;
	margin: 0;
    padding: 6px 15px;
}

.homepage #news-bar h6 a {
	color: white;
}

.homepage .tickercontainer {
    padding: 0;
    margin: 6px 0;
}

.homepage .ticker-controls {
    padding-top: 2px;
}

.homepage ul.newsticker {
    margin: 0;
    padding: 0;
}

.homepage ul.newsticker li {
    color: white;
    overflow: hidden;
    max-width: 388px;
    margin: 0;
    padding-top: 2px;
}

.homepage ul.newsticker a {
    font-weight: normal;
    color: #f9c;
}

.homepage .tickercontainer { /* the outer div  */
    width: 445px;
	height: 20px;
}
.homepage .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	width: 358px;
	top: 0;
}

.homepage #news-bar #feed-link {
    height: 14px;
    margin: 7px 6px 0 0;
}
.homepage #news-bar #feed-link a {
    color: #f9c;
}
.homepage #news-bar #feed-divider {
    width: 3px;
	font-size: 10px;
}



/* Contact box */

#popup-box {
	text-align: left;
	background-color: #F6F3E8;
	overflow: hidden;
	height: 100%;
	width: 100%;
}

	#popup-box h1 {
		color: #fff;
		background: #432a68;
		padding: 30px 20px 10px 20px;
		margin-top: 0;
	}

	#popup-box form {
		padding: 20px;
/*		width: 460px;*/
	}

		#popup-box form p {
			clear: both;
			margin: 0 0 10px;
		}

		#popup-box form label {
			width: 100px;
			display: block;
			float: left;
			font-weight: bold;
			color: #432a68;
			font-size: .93em;
			padding: 3px 0;
		}

		#popup-box form input#id_name,
		#popup-box form input#id_email,
		#popup-box form input[type=text],
		#popup-box form textarea#id_question {
			width: 335px;
			font-size: 14px;
			padding: 3px 5px;
			color: #666;
			font-family: arial, helvetica, verdana, sans-serif;
		}

		#popup-box form p.field-subscribe,
		#popup-box form p.field-risk_reports,
		#popup-box form p.field-wwf_updates,
		#popup-box form p.field-rsa_updates {
			position: relative;
			height: 20px;
			margin: 0 0 10px;
		}

		#popup-box form p.field-subscribe .label-subscribe,
		#popup-box form p.field-risk_reports .label-risk_reports,
		#popup-box form p.field-wwf_updates .label-wwf_updates,
		#popup-box form p.field-rsa_updates .label-rsa_updates {
			position: absolute;
			left: 118px;
			top: -3px;
			width: 320px;
			width: auto;
			font-weight: normal;
			color: #4E4F50;
		}

		#popup-box form p.field-subscribe #id_subscribe,
		#popup-box form p.field-risk_reports #id_risk_reports,
		#popup-box form p.field-wwf_updates #id_wwf_updates,
		#popup-box form p.field-rsa_updates #id_rsa_updates {
			position: absolute;
			left: 95px;
			top: 0;
			width: auto;
			font-weight: normal;
			color: #4E4F50;
		}

		#popup-box form textarea#id_question {
			height: 70px;
			padding: 5px;
		}

		#popup-box form #button_send_question {
			margin-left: 100px;
		}

	#popup-box .address {
		float: left;
		width: 215px;
		margin: 10px 0 0 20px;
	}

		#popup-box .address h3 {
			text-transform: none;
			background-color: white;
			margin-bottom: 8px;
			padding: 5px 10px;
			font-size: 16px;
		}

		#popup-box .address div {
			font-size: 13px;
			padding: 0 10px;
		}

		#popup-box .address span {
			position: relative;
			top: -10px;
			margin-bottom: -10px;
		}

/* Contact lightbox */

#nyroModalWrapper {
/*	height: 610px !important;*/
}

#nyroModalWrapper .wrapperIframe {
	overflow: hidden !important;
	padding-bottom: 30px !important;
	background-color: #F6F3E8;
/*	height: 580px !important;*/
}

#nyroModalContent {
/*	width: 535px !important;*/
/*	height: 600px !important;*/
	overflow: hidden !important;
	background-color: #F6F3E8;
}

/*	#nyroModalFull #nyroModalWrapper #nyroModalTitle,
	#nyroModalFull #nyroModalWrapper #closeBut {
		display: none !important;
}*/


/* Tooltip */

#easyTooltip{
	padding: 5px 8px;
	border: 1px solid #eee;
	background: rgba(255, 255, 255, 0.8);
	color: #432a68;
	font-size: 13px;
}





/* Map page */
#flash_map_wrapper {
	height:560px;
}
#map_table {
	float:left;
	width:300px;
	margin:0 0 40px 20px;
	display:inline;
}
	#map_table table {
		font-size:0.8em;
		width:100%;
	}
		#map_table table tr {
			border-bottom:1px solid #efefef;
		}
		#map_table table td {
			padding: 2px 0 2px 0;
		}

#map_notes {
	float:right;
	width:625px;
	margin:0 20px 40px 0;
}
	#map_notes ul {
		font-size:0.8em;
	}
	#map_notes p{
		font-size:1.14em;
	}
		#map_notes p a {
			color:#BE196F;
		}
			#map_notes p a:hover {
				text-decoration:underline;
			}

#map_table h2, #map_notes h2 {
	font-size:1em;
	border-bottom:1px solid #cccccc;
	margin-bottom:8px;
}

/*Quiz Page*/
#quiz-page {
    text-align:center;
}

div#nyroModalFull div#nyroModalWrapper a#closeBut {
    background:url("/static/images/close-button.png") no-repeat scroll 0 0 transparent;
    height:46px;
    width:46px;
    z-index:999;
}

div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
    padding:0px;
}

div#nyroModalFull div#nyroModalWrapper {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}