.custom #bd{
	min-height: 400px;
}

.custom #banner {
    background-image: url(../images/banner.jpg);
}

/* customize table layout */
.custom .x-data th {
    text-align: left;
}

.custom .x-data th.center {
    text-align: center;
}

.custom #indexesdiv, .custom #chinese, .custom #japanese, .custom #spanish {
    font-size: 1.2em;
}

.custom  .x-data {
    margin: 0;
}
.custom  .x-data tfoot {
    height:auto;
}
.custom .x-data td, .custom .x-data th {
    font-size: 1.1em;
    line-height: 1.2em;
    vertical-align: middle;
}

.custom .x-data td.center {
    text-align: center;
}

.custom .x-data td.gray {
    background-color: #EFEBE1;
    font-weight: bold;
    height: 13px;
}
.custom #bd .x-data li{
    font-size: 1.1em;
}
.custom #index-title h2 {
    margin: 0 0 .5em 0;
}

.custom table.data {
    margin-bottom: 0em;
}

.custom table.data th {
    background-color: #367cc1;
    color: #fff;
    font-weight: bold;
    text-align: left;
    padding: .5em;
}

.custom table.data td {
    padding: .5em;
}

.custom table.data td {
    background-color: #D6E3EC;
}

.custom table.data td.shaded {
    background-color: #C8DAE8;
}

.custom table.data td.top {
    background-color: #005596;
    height: 13px;
    color: #fff;
    font-weight: bold;
}

.custom table.data td.bottom {
    background-color: #005596;
    height: 13px;
    color: #fff;
}

.custom table.data td.gray {
    background-color: #EFEBE1;
    height: 13px;
    font-weight: bold;
}

.custom .dl23 {
    width: 23em;
    display: inline;
    float: left;
}

.custom .dr73 {
    width: 73.5em;
    display: inline;
    float: right;
}

.custom .dr72 {
    width: 72em;
    display: inline;
    float: right;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	18.5em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	18.5em; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

#literature-nav{
	height: 130px; /* 26px height X 5 */
}

#literature-nav,
#literature-nav .sf-shadow ul {
	background-color:#F0F0F0;
	border:1px solid #718BB7;
	position:absolute;
	z-index: 2;
}
#literature-nav .sf-menu {
        background:none;
        border: none;
	}
	
	#literature-nav .sf-menu ul {		
		padding:0px;
		margin:0px;
	}
	
	#literature-nav .sf-menu li {
		background:none;
        border: none;
		font-size: 1em;
		line-height:1em;
		height:26px;
	}	
	
	
	#literature-nav .sf-menu li a {
		padding:7px 8px 7px 8px;
		border:none;
	}
	 
	#literature-nav .sf-menu li:hover, #literature-nav .sf-menu li.sfHover,
	#literature-nav .sf-menu a:focus, #literature-nav .sf-menu a:hover, #literature-nav .sf-menu a:active {
		background-image:none;
		background: #CFDEFF;
	}		
	 
	#literature-nav .sf-sub-indicator {
		right: 0em;
	}	
	
	#literature-nav a > .sf-sub-indicator {
		top:0.7em;
	}
	
	#literature-nav .sf-shadow ul {		
		-moz-border-radius-bottomleft:0px;
		-moz-border-radius-topright:0px;
		-webkit-border-top-right-radius: 0px;
		-webkit-border-bottom-left-radius: 0px;
		background-image: none;		
	} 
	
.grayhdr {
	font-size: 1.2em;
    line-height: 1.2em;
    vertical-align: middle;
}

.custom table.literature{
	font-family: Arial,Helvetica;
}

/*.custom #tagcloud{
}

.custom #tagcloud.taglinks{
}
	.custom #tagcloud.taglinks #taglist{
		min-height: 50px;
	}*/

.custom #tagcloud.factsheetsmethodologies{
	position: relative;
    top: 135px;
}
	/*.custom #tagcloud.factsheetsmethodologies #taglist{
		min-height: 150px;
	}*/

.custom #taglist{
	background-color: #F0F0F0;
    border-top: 1px solid #718BB7;
	margin: .5em 0;
	padding: .5em;
}

	.custom #taglist ul {list-style-type:none;}
	
	.custom #taglist li {
		list-style-type:none; 
		float:left; 
		padding:0 3px; 
	}

	.custom #taglist li:hover,
	.custom #taglist a:hover{
		background: #CFDEFF;
	}
	
	.custom #taglist li a{
	    text-decoration:none;
		color: #000000;
	}
	
.custom table.taglinks{
    font-size: 1.2em;
}

.custom .x-data th.sortable {
	cursor: pointer; 
	cursor: hand;
}

.custom .x-data th .sort-icon{
	width: 10px;
	padding: 0 1em;
	margin: 0 0 0 .5em;
}

.custom .x-data th.ASC .sort-icon{
	background: url("/global-js/ext/3.4.0/resources/images/default/grid/sort_asc.gif") no-repeat scroll 0 50% transparent;
}

.custom .x-data th.DESC .sort-icon{
	background: url("/global-js/ext/3.4.0/resources/images/default/grid/sort_desc.gif") no-repeat scroll 0 50% transparent;
}