/* Repertoire Style sheet */

body { 
background-color: #C1C5CE;
background: rgb(193,197,206); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(193,197,206,1) 0%, rgba(139,139,147,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(193,197,206,1)), color-stop(100%,rgba(139,139,147,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(193,197,206,1) 0%,rgba(139,139,147,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(193,197,206,1) 0%,rgba(139,139,147,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(193,197,206,1) 0%,rgba(139,139,147,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(193,197,206,1) 0%,rgba(139,139,147,1) 100%); /* W3C */
behavior: url(/css/PIE.htc);
}

#main {
	background-color: #ffffff;
	border-width: 10px;
	border-style: solid;
	border-color: #fff;
	min-width:940px;
}
/* Accessible
----------------------------------*/
 
#skiplink, #skiplink a {
	color:#C1C5CE;
}
/* Languages
----------------------------------*/

#languages {
	background-color: #092242;
	font-size: .769em;
}
#languages ul {
	padding-top: 0;
}

#languages ul li#english {
	color: #fdf273;
	text-decoration:underline;
}
#languages ul li a:link, #languages ul li a:visited, #languages ul li a:hover, #languages ul li a:active {
	color:#fff;
	text-decoration:none;
}
#languages ul li a:hover {
	color: #968d06;
	text-decoration: underline;
}
/* Top Banner
----------------------------------*/

#topbanner {
	background-image:url(/en/sc/repertoire/images/repertoire_banner.jpg);
	background-repeat: no-repeat;
	background-color: #092242;
	background-position: top left;
	height: 118px;
	position:relative;
	z-index: 0;
	width: 940px;
}

#topbanner h1{
	color: #fff;
}

#bannertitle{
	left: 0;
	position: absolute;
	top: 0;
	z-index: 2;
	height: 118px;
}
/* Top Navigation
----------------------------------*/

#topnav {
	text-align:center;
	background-color:#092242;
	float:left;
	width:100%;
}

#topnav ul {
	margin:0;
}
#topnav ul li {
	display:inline;
}
#topnav ul li a {
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	float:left;
	border-right:1px solid #fff;
	width: 19%;
	padding:4px 0px;
	display:block;
	height: auto;
}
#topnav ul li a:hover {
	color:#fff;
	background-color: #905214;
	display:block;
}

#topnav ul li#askus a {
	border-right:none;
}

#topnav ul li#trust_fund a {
	border-right:none;
	padding-right: 0px;
	float:right;
	border-left:1px solid #fff;
}
#topnav ul li#trust_fund a:hover {
	border-collapse:collapse;
}


/* Sub Navigation
----------------------------------*/

#navwrapper {
	float: left;
	width: 20%;
	margin-top: 1em;
	margin-bottom: 1em;
}

#mainnav {
	font-size: 0.8em;
	background-image: url(../images/navgrad.jpg);
	background-repeat: repeat-y;
	background-color: #b5cae2;
	border: 1px solid #b5cae2;
	float:left;
	width: 100%;
	-box-shadow: 1px 1px 5px silver;
	-moz-box-shadow: 1px 1px 5px silver;
	-webkit-box-shadow: 1px 1px 5px silver;
}

#mainnav ul {
	margin: 0px;
}

#mainnav ul ul {
	display:none;
	background-color:white;
}
#mainnav ul li {
	list-style-type: none;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c2c9ce;
	outline: none;
	float:left;
	width:100%;
/*	background-color: #092242; */
	opacity: 0.9; 
	color: white; 
	text-align: left; 
	font-weight: bold;
	font-size:1em;


}

#mainnav ul ul li {
	float:left;
	font-size:1.0em;	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c2c9ce;
	list-style-type: none;
	background-color: #FFF; 

}


#mainnav ul ul li a{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c2c9ce;
	background-color: #FFF;
	font-size: 0.9em;
	color: #092242;
}

#mainnav ul a{
	outline: none;
	float:left;
	width:100%;
	background-color: #092242; 
/*	color: white; */
	text-align: left; 
	font-weight: bold;
	font-size:1em;
}

#mainnav ul li a {
	text-decoration: none;
/*	color: #FFF;*/
	display:block;
	outline: none;
	float:left;
	width:100%;
	background-color: #092242; 
	color: white; 
	text-align: left; 
	font-weight: bold;
	font-size:1.2em;
	padding-top:.4em;
	padding-bottom:.4em;
	padding-left: .1em;
	padding-right:0;
	
}
#mainnav ul li#home {
	display: block;
}
#mainnav ul li#home a {
	padding-left: .5em;
}
#mainnav ul li a:hover {
	text-decoration: none;
	background-color: #8992a1;
	display: block;
	color: #ffffff;
}
#mainnav ul li a:link, #mainnav ul li a:active, #mainnav ul li a:visited{
/*	color:#ffffff;*/
}
#mainnav ul ul a:link, #mainnav ul ul a:active {
/*	color:#333333;*/
}

#mainnav ul li#subsidiary {
	border:0px;
}

/* REPERTOIRE SITE SEARCH */ 


#mainnav #simplesearch {
	float:left;
	background-color: #b5cae2;
	background-image: url(../images/navgrad.jpg);
	background-repeat: repeat-y;
	border: 1px solid #b5cae2;
	font-size: 0.925em;
	width: 100%;
}
#mainnav #simplesearch #gobtn {
	float:right;
}

#simplesearch .textbox {
	height: 1.45em;
	color: #905214;
	background-color: #F4F4F4;
}

#simplesearch .textbox:focus {
	background-color: white;
}

#searchbox_links {
	padding: 5px;
	text-align: left;
	font-size: .9em;
}

#searchbox_links a {
	color: #3399FF;
	font-weight: bold;
}

#searchbox_links a:hover {
	background-color:#BBD3F9;
	color: #FFF;
}

#searchbox_links a:visited: {
color: gray;
}

#simplesearch .button {
	-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#simplesearch .textbox {
	float: left;
}
/* Related Links Box
----------------------------------*/

#relatedlinks {
	display:none; /*only display this when needed*/
	font-size: 1em;
	background-repeat: repeat-y;
	background-color: #e4e8f1;
	border: 1px solid #b5cae2;
	margin: 0em 0em 1em 1em;
	padding: .5em;
	min-height: 130px;
	height: auto;
	width: 25%;
	float: right;
	clear:both;
	-box-shadow: 1px 1px 5px silver;
	-moz-box-shadow: 1px 1px 5px silver;
	-webkit-box-shadow: 1px 1px 5px silver;
	text-align:left;
}
#relatedlinks a {
	color:#FFF;
	outline: none;
	
}
#relatedlinks a:hover {
	background-color: #FFF;
	color: #CAD7F1;
	font-weight: bold;
}
#relatedlinks ul li {
	list-style:inside none;
	background-repeat: no-repeat;
	background-position: 0px 6px;
}
#relatedlinks ol li {
	list-style-type: none;
	list-style-position: inside;
	font-size:.9em;
}

/* Content
----------------------------------*/

#content {
	height: auto;
	padding: 0.2em 1em 1em 1em;
	margin-right: 0;
	margin-left: 1em;
	color: #333333;
	float:left;
	width:75%;
	/*text-align:justify;*/
	text-align:left;
}
#content a:link, #content a:visited, #content a:hover, #content a:active {
	color:#00214d;
}

#content a:hover {
	color: #905214;
}
#content a:visited {
	color: #905214;
}
#content h2 {
	color: #092242;
	font-weight: bold;
	font-size: 200%;
	font-family: "Times New Roman", Times, serif;
	margin: 1em 0;
	padding-bottom:2px;
	border-bottom: 1px solid #b5cae2;
}
#content h3 {
	color: #905214;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0em;
	padding:2px;
	background-color:#F5F5F5;
}
#content h4 {
	color: #092242;
	font-weight: bold;
	font-size: 120%;
	margin: 0.5em 0em 0.5em;
	padding-bottom:2px;
}
#content h5 {
	color: gray;
	font-weight: bold;
	font-size: 110%;
	margin: 0.5em 0em;
	padding-bottom:2px;
}
#content ul {
	margin:1em 0.2em;
}
#content ul ul li a, #content ul ul li a:hover {
	padding-left: 2em;
	background-repeat: no-repeat;
	background-position: 13px 8px;
}
#content ul li {
	color: #333333;
	padding: .15em 0 .15em 1.4em;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 6px 8px;
}
#content ol li {
	list-style: upper-alpha;
	list-style-position: inside;
}
#content ul.years {
	float:left;
	width:100%;
	margin-top:0px;
}
#content ul.years li {
	display:inline;
	background-image:none;
	padding:0px;
}
#content ul.years li a {
	background-color:#8690A3;
	color:#fff;
	padding:2px 9px;
	border:1px solid #8690a3;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	text-decoration:none;
	-webkit-border-radius: 4px 4px 4px 4px;
	display:block;
	margin:3px 1px;
	float:left;
}
#content ul.years li a:hover {
	background-color:#FCFBEC;
	color:#8690A3;
}
#content #contentboxwrapper {
	float:left;
	width:99%;
	margin-bottom:1em;
}
#content .contentbox {
	border:1px solid #D7D7D2;
	margin:0.2em 0.2em 1em 0.2em;
	padding:0.2em;
	float:left;
	width:46%;
}
#content td {
	border-color:#5E697D;
	background-color:#f8f6d9;
}
#content form table tbody tr td textarea {
	margin:6px 0px;
}
#content h3 a{
	text-decoration:none;
	color: #905214;
}
#content li a {
	text-decoration:none;
}
#content li {
	list-style:decimal;
}

/* Home Page Welcome Box
----------------------------------*/
#content #index_welcome {
	width: 70%;
	margin-left: 1em;
}
#content #index_welcome p {
	font-size: 1em;
	color: black;
}

/* STORE
----------------------------------*/
#content #store {
	float:right;
	height: auto;
	width: 200px;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 1em;
	clear: right;
	text-align: left;
	display:inline-block;
}
.book_image {
display: block;

	float: center;
	width: 100%;
}
.book_desc {
	width: 100%;
	clear: both;
	float: right;
	text-decoration: none;
}

.book_image img {display: block; margin-left: 30px;}

/* Home Page NEWS
----------------------------------*/
/* MAY REQUIRE IE ONLY CSS FOR WIDTH ISSUES */

#content #news {
	height: auto;
	width: 175px;
	border: 1px solid #989DA7;
	display: inline-block;
	float: right;
	margin-top: 1em;
	padding: 1em;
	-box-shadow: 1px 1px 5px silver;
	-moz-box-shadow: 1px 1px 5px silver;
	-webkit-box-shadow: 1px 1px 5px silver;
}
#content #news dl {
	width: 100%;
	background-color: #FFF;
}
#content #news dl dt {
	font-size: .75em;
	display: inline-block;
	height: auto;
	border: 1px solid #F1F1F1;
}
#content #news dd {
	clear: both;
}
dt.date {
	height: auto;
	width: 100%;
	float: left;
	color: black;
	font-weight: bold;
	margin-top: 5px;
	margin-left: -5px;
}
#content #news dd.update {
	height: auto;
	width: 100%;
	float: left;
	font-size: .75em;
	margin-top: 5px;
	margin-left: -5px;
	position: relative;
	display: inline-block;
}
/* HOME PAGE BOX TITLES */

#content #news_title, #content #store_title {
	background-color: #e2d0a8;
	border-bottom:1px solid #c9a95e;
	color: #092242;
	display:inline-block;
	text-align:center;
	font-weight:bold;
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
}
/* Home Page Tabs
----------------------------------*/
#content #searchwrapper {
	float:left;
	width:100%;
	margin:0.2em 0 0.1em;
}
.ui-helper-clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}/*must have*/
.ui-helper-clearfix {
	display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
	height:1%;
}
.ui-helper-clearfix {
	display:block;
}
/* end clearfix */
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}
.ui-tabs {
	position: relative;
	padding: .2em;
	zoom: 1;
} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
	margin: 0;
}
#content ul.ui-tabs-nav {
	margin:0px
}
#content .ui-tabs .ui-tabs-nav li {
	background-image:none;
	list-style: none;
	float: left;
	position: relative;
	top: 1px;
	margin: 0 .2em 0px 0;
	border-bottom: 0 !important;
	padding: 0;
	white-space: nowrap;
}
#content .ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	border-top:1px solid #5E697D;
	border-right:1px solid #5E697D;
	border-left:1px solid #5E697D;
	text-decoration:none;
	outline: none;
	font-weight:bold;
	color:#4F596F;
}
#content .ui-tabs .ui-tabs-nav li.ui-state-default {
	background-color:#f6f6f7;
}
#content .ui-tabs .ui-tabs-nav li a:hover {
	color:#fff;
	background-color:#8992A1;
}
#content .ui-tabs .ui-tabs-nav li.ui-state-active a {
	background-color: #F8F6D9;
}
#content .ui-tabs .ui-tabs-nav li.ui-state-active a:hover {
	background-color: #F8F6D9;
	color:#4F596F;
}
#content .ui-tabs .ui-tabs-nav li a:active {
	outline: none;
	text-decoration:none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin-bottom: 0;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: text;
	border-bottom:1px solid #F8F6D9;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background-color: #F8F6D9;
	border:1px solid #5E697D;
}
.ui-tabs .ui-tabs-hide {
	display: none !important;
}
#content .ui-tabs td {
	background-color:#e6ebf1;
}
/* KEYWORDS PAGE
----------------------------------*/

#content #quicklinksnav_wrapper {
	font-size:1em;
}
#content #quicklinksnav_wrapper a {
	display:block;
}
#content #quicklinksnav_wrapper ul {
	margin-top:0px;
}
#content #quicklinksnav_wrapper ul li {
	font-weight:bold;
}
#content #quicklinksnav_wrapper ul ul {
	margin-left:-13px;
	margin-bottom:0px;
}
#content #quicklinksnav_wrapper ul ul li {
	padding:0px;
	background-image:none;
	font-weight:normal;
}
#content #quicklinksnav_wrapper ul ul ul li {
	margin-left:26px;
}
#quicklinksnav_wrapper li li ul li {
	font-size: 1.05em;
	margin: 5px 0 15px 0;
}
#quicklinksnav_wrapper li {
	font-size: 1.05em;
}
ul#quicklinksnav ul {
	list-style-type:none;
	margin: 0 0 1% 0;
}
ul#quicklinksnav li a {
	margin-bottom: 2%;
	text-decoration: none;
}
ul#quicklinksnav li li {
	margin-left: 10%;
}
ul#quicklinksnav li li ul li a {
	color: #BBD3F9;
	text-decoration: none;
}
ul#quicklinksnav li li ul li a:visited {
	color: gray;
	text-decoration: none;
}
ul#quicklinksnav li li ul li a:hover {
	background-color:#BBD3F9;
	color: #FFF;
	text-decoration: none;
}
ul#quicklinksnav li li a {
	color: #BBD3F9;
	text-decoration: none;
}
ul#quicklinksnav li li a:visited {
	color: gray;
	text-decoration: none;
}
ul#quicklinksnav li li a:hover {
	background-color:#BBD3F9;
	color: #FFF;
	text-decoration: none;
}


/* Quotes
----------------------------------*/

blockquote {
	font-size: 106%;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 0px;
	padding: .7em;
	width: 97%;
	background-color: #f3f8fc;
	border: 1px solid #d4e2ed;
}
blockquote .credit {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	padding-right: 0.6em;
	float: right;
	color: #003366;
}
blockquote .text {
	width: 95%;
	padding-right: 1.2em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	margin: 0px;
	color: #003366;
}

/* Footer
----------------------------------*/

#footer {
	background-color: #092242;
	color: #fbfaec;
	border-top: solid #666666 1px;
}
#footer ul {
	margin-top: 0em;
}
#footer ul li {
	display: inline;
}
#footer ul li a {
	color: #fbfaec;
	text-decoration: none;
}
#footer ul li a:visited {
	color: #fbfaec;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: underline;
	color: #ffffff;
}
p {
	font-family:Arial, Helvetica, sans-serif;
}
/* TOP NAV - Tabs */ 

/* root element for tabs  */
ul.tabs {
	list-style:none;
	margin:0 !important;
	padding:0;
	height:30px;
	width:auto;
	margin-bottom: 5px;
	clear: both;
	float: both;
}
/* single tab */
ul.tabs li {
width: auto;
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}
/* link inside the tab. uses a background image */
.tabs a {
	background-image: url(../images/navgrad.jpg);
	background-repeat: repeat-y;
	background-color: #092242;
	font-size:11px;
	display:block;
	height: 30px;
	line-height:30px;
	min-width: 140px;
	width: auto;
	text-align:center;
	text-decoration:none;
	color:white;
	padding:0px;
	margin: 0px;
	position:relative;
	bottom: -1px;
	font-size: 1em;
	border-right: 1px solid white;
}
ul.tabs a:active {
	outline:none;
}
/* when mouse enters the tab move the background image */
.tabs a:hover {
	color:orange;
}
/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;
	cursor:default !important;
	color:#FFF !important;
	font-weight:bold;
}
/* initially all panes are hidden */ 
.panes .pane {
	height: auto;
	display:none;
	-box-shadow: 1px 1px 5px silver;
	-moz-box-shadow: 1px 1px 5px silver;
	-webkit-box-shadow: 1px 1px 5px silver;
}


/* OVERVIEW PAGE */


#overview_text {
	float: left; 
	margin-top: 0;
	margin-right: 0;
	margin-left: 1em;
	margin-bottom: 0;
	display: inline-block; 
	position: relative;}


#overview_text #store 
{margin: 0 0 20px 20px;}



/* REPERTOIRE STRUCTURE TABLES */

table {
	width: 100%;
}
table td {
	font-size: .8em;
	text-align: left;
}
table td.col1 {
	width: 15%;
}

.top {
	height: auto;
	width: auto;
	z-index: 99;
	font-size: 1.1em;
	position: fixed;
	bottom: 20px;
	right: 1%;
	background-image: url(../images/navgrad.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #b5cae2;
	padding: 5px;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #b5cae2;
	color: black;
	-box-shadow: 3px 3px 5px silver;
	-moz-box-shadow: 3px 3px 5px silver;
	-webkit-box-shadow: 3px 3px 5px silver;
}
a.top:hover {
	-box-shadow: 0px 1px 5px #FFF;
	-moz-box-shadow: 0px 1px 5px #FFF;
	-webkit-box-shadow: 0px 1px 5px #FFF;
}


/* WIKI style internal page navigation */

#page_jump, .page_jump, .page_jump-agenda, .page_jump_peacekeep {
	height: auto;
	max-width: 67%;
	margin: 1em .5em 1em 0em;
	padding: .5em;
	background-color: #F9F9F9;
	font-size: 1em;
	-box-shadow: 1px 1px 3px silver;
	-moz-box-shadow: 1px 1px 3px silver;
	-webkit-box-shadow: 1px 1px 3px silver;
	text-align:left;
	display: block;
}
#page_jump dl {
	height: auto;
}

.page_jump_peacekeep dl {margin: 0;}
.page_jump_peacekeep {
	width: 150px;
	/*display: inline-block;*/
	float: left;
	clear: right;
}

.page_jump_peacekeep dt {
	display: block;
	text-align: left;
}

#col1 {width: 190px; float: left; display: inline-block;}
#col2
{width: 190px; float: left; display: inline-block;}

#col3 
{ width: 190px; float: left; display: inline-block;}

/* adjustments to wiki nav for all pages containing that element */
.b-level {
	width: auto;
}


.organs {
	width: 35%;
}
.articles_rep {
	width: 40%
}

.b-level ol, organs ol, .articles_rep ol { margin-left: 0px;}


.page_jump-agenda { height: 170px;}



/*CONTACT PAGE */
#contactform table td {
	background-color:#F4F4F4;
}
/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

/* INDEX PAGE - SLIDES */
.slideshow {
	display: block;
	z-index: 0;
	float: left;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 3em;
	margin-right: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}
.slideshow-thumbnails {
	overflow: hidden;
}

#show{margin-left: 4.3em;}
/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 320px;
	width: 400px;
}
.slideshow-images-visible {
	opacity: 1;
}
.slideshow-images-prev {
	opacity: 0;
}
.slideshow-images-next {
	opacity: 0;
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}
/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	height: 320px;
	width: 400px;
	margin-left: 2em;
}
.slideshow a img {
	border: 0;
}
/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	z-index: 10000;
	font-size: .846em;
	color: #000;
	font-style: normal;
	font-variant: normal;
	padding: 1%;
	height: auto;
	width: 98%;
	font-weight: bold;
	background: white;
	opacity: 0.9;
}

.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}

.slideshow-captions-visible {
	height: 25%;
	opacity: .9;
}
/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url(controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}

.slideshow-controller * {
	margin: 0;
	padding: 0;
}

.slideshow-controller-hidden {
	opacity: 0;
}

.slideshow-controller-visible {
	opacity: 1;
}

.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}

.slideshow-controller a.active {
	background-position: 0 18px;
}

.slideshow-controller li {
	list-style: none;
}

.slideshow-controller li.first a {
	background-image: url(controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url(controller-prev.gif);
	left: 65px;
	width: 28px;
}
/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}
/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>

		</ul>
	</div>


/* turns PDF links into buttons */

.pdf {
	text-align: left;
	text-decoration:none;
}
.pdf a {min-width: 65px; width: auto; height: auto;
	background-color: #F8F8F8;
border: 1px solid #b5cae2;
	-box-shadow: 1px 1px 3px gray;
	-moz-box-shadow: 1px 1px 3px gray;
	-webkit-box-shadow: 1px 1px 3px gray;	
	margin: 5px;
	padding: 1px;
	-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	line-height: 2em;
	white-space:nowrap;
	text-decoration:none;
	display: inline-block;
	text-align:center;}
.pdf a:hover {
	background-color: white;
	background-image:url(/en/sc/repertoire/images/navgrad.jpg);
	font-weight: bold;
	text-decoration:none;
}
/* subsidiary organs - container for items linked to full chapters. */ 

 #full_chapter {
	height: auto;
	width: 98%;
	border: 1px solid silver;
	margin: 1em 0 0 0;
	padding: 1em;
	background-color: #F4F4F4;
	border: 1px solid #b5cae2;
	-box-shadow: 1px 1px 5px silver;
	-moz-box-shadow: 1px 1px 5px silver;
	-webkit-box-shadow: 1px 1px 5px silver;
	-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: block;
	float:left;
}

#full_chapter h3 { font-size: .95em;}

#full_chapter h5 {
	font-weight: bold;
	clear: both;
}
/*  turns PDF links into buttons  */

 #full_chapter a {
	background-color: #F8F8F8;
	color: black;
	border: 1px solid #b5cae2;
	background-image:url(/en/sc/repertoire/images/navgrad.jpg);
	background-position:center;
	background-repeat:repeat-x;
	margin: 5px;
	padding: 1px;
	-border-radius: 3px;
	-moz-border-radius: 3px;
	text-decoration: none;
	line-height: 2em;
	text-decoration:none;
	display:inline-block;
	height: auto;
	min-width: 65px;
	width: auto;
	float: left;
	text-align: center;
}
#full_chapter a:hover {
	background-color:#3333CC;
	background-image:url(/en/sc/repertoire/images/navgrad_new.jpg);
	color: white;
	text-decoration:none;
	font-weight:bold;
}

.page_jump-agenda  {float: left; display:block; min-height: 75px;}

/* TABLES */

/* tables graphs and data page */
table#data {font-size: 1.25em; }
table#data h2 {line-height: 1.25em; }

table#data td {height: auto; padding: 2px 0 2px 5px; vertical-align:middle; line-height: 1.25em;}
#data td:nth-child(even) .pdf { padding:0; }

#data td:nth-child(odd) {font-weight: bold; padding: 5px;}
#data td {background-color:#FFF;}

/* contact page */

table#contactform td {height: auto;padding: 2px 0 2px 5px; vertical-align:middle; line-height: 1em;}

#contactform td:nth-child(odd) {width: 25%; font-weight: bold;}
#contactform td {background-color:#FFF; font-size:1em;}

/* trust fund page */

table#contributors td {border: none; font-weight: bold; height: auto;padding: 2px 0 2px 5px; vertical-align:middle; line-height: 1em;}
#contributors td {background-color:#FFF; font-size:1em;}


u {font-size: 3em; color: red;}

#topnav ul li a.home {
    background-image: url(http://www.un.org/en/sc/img/home.png);
    text-indent: -9999px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 35px 35px;
	width:40px !important;
}


/* SLIDESHOW */

#content #slideshow {
	margin-bottom: 1.5em;
}

#content #show ul li {
	left: 0px;
	list-style-type: none;	
	background-image: none;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	position: static;
}

#relatedlinks h3 {
	background-color: transparent;
	margin-top: 0;
}
#page_jump_overview {
	height: auto;
/*	width: 475px;*/
	margin: 0em 3em 2em 1em;
	padding: .4em;
	background-color:#ffffff;
	font-size: 1em;
	text-align:left;
	display: block;
	margin-right:7px;
}

.search-horizontal {
    float: right;
    padding-right: 5px;
    padding-top: 3px;
}