/* -- Default Settings ---*/
a {
    color:#336699;
	text-decoration:none;
}	


/* ---Begin: PSD2HTML.com settings --- */
html{height:100%;}
body{
	margin:0;
	height:100%;
	background:#eee;
	font:14px/20px Georgia, "Times New Roman", Times, serif;
}
img{border-style:none;}
form{margin:0;}
.holder{
	width:100%;
	overflow:hidden;
}
/* main container */
#main{
	width:960px;
	margin:0 auto;
	padding:0 8px;
	min-height:100%;
	background:url(http://www.mftransparency.org/media/img/bg-body.gif) repeat-y 50% 0;
}
* html #main{height:100%;}
/* header section */
#header{
	width:100%;
	background:url(http://www.mftransparency.org/media/img/bg-header.gif) repeat-x;
}
#header .top-holder{
	height:100px;
	overflow:hidden;
	position:relative;
}
#header .logo{
	background:url(http://www.mftransparency.org/media/img/logo.png) no-repeat;
	float:left;
	margin:30px 0 0 20px;
	text-indent:-9999px;
	width:291px;
	height:46px;
}
#header .logo a{
	height:100%;
	display:block;
	overflow:hidden;
	position:relative;
}
#header .heading{
	float:left;
	background:url(http://www.mftransparency.org/media/img/heading.png) no-repeat;
	height:16px;
	width:368px;
	margin:47px 0 0 23px;
	text-indent:-9999px;
}
#header .top-area{
	position:absolute;
	top:10px;
	right:19px;
}
#header .top-area a{
	float:left;
	font:bold 12px/20px Helvetica, Arial, Tahoma, sans-serif;
	color:#fc3;
	text-decoration:none;
}
#header .top-area a:hover{text-decoration:underline;}
#header .lang-form{
	float:left;
	padding:0 0 0 23px;
}
#header .lang-form select{
	width:168px;
	font:12px/18px Helvetica, Arial, Tahoma, sans-serif;
}
#header .nav-holder{
	position:relative;
	width:100%;
	overflow:hidden;
}
/* main navigation */
#nav{
	margin:0 0 0 -1px;
	padding:0 0 30px;
	list-style:none;
	float:left;
	position:relative;
	font:13px/30px Helvetica, Arial, Tahoma, sans-serif;
}
#nav li{
	float:left;
	height:30px;
	padding:0 0 0 1px;
	background:#fff;
}
#nav li a{
	color:#333;
	text-decoration:none;
	float:left;
	padding:0 11px;
	background:url(http://www.mftransparency.org/media/img/bg-nav.gif) repeat-x;
}
#nav li a:hover{color:#00f;}
#nav li ul{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	bottom:0;
	display:none;
	left:0;
}
#nav li.colored a{background:url(http://www.mftransparency.org/media/img/bg-nav-colored.gif) repeat-x;}
#nav li.active a{
	font-weight:bold;
	color:#fff !important;
	background:url(http://www.mftransparency.org/media/img/bg-nav-active.gif) repeat-x;
}
#nav li.active ul li.active a{color:#fff !important;}

#nav li.active ul{display:block;}
#nav li ul li{background:none;}
#nav li ul li a,
#nav li.active ul li a{
	background:none;
	color:#cff !important;
	font-weight:normal;
}
/* content section */
#home-content{
	width:100%;
	overflow:hidden;
	background:url(http://www.mftransparency.org/media/img/bg-home-content.gif) repeat-y;
}
/* side block */
#home-content .side-area,
#content .side-area{
	width:185px;
	float:right;
	padding:0 20px 15px;
}
#home-content .sign-up{
	background:url(http://www.mftransparency.org/media/img/line1.gif) repeat-x 0 100%;
	padding:17px 0 21px;
	color:#036;
	font:12px/16px Helvetica, Arial, Tahoma, sans-serif;
}
#home-content .sign-up h3{
	font-size:18px;
	line-height:22px;
	margin:0;
}
#home-content .sign-up p{margin:14px 0;}
#home-content .btn-sign-up{
	display:block;
	background:url(http://www.mftransparency.org/media/img/btn-sign-up.gif) no-repeat;
	width:86px;
	line-height:22px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-align:center;
	margin:20px 0 0;
	text-transform:uppercase;
}
#home-content .side-box{
	font-size:12px;
	line-height:18px;
	color:#666;
	padding:17px 0 15px;
	background:url(http://www.mftransparency.org/media/img/line1.gif) repeat-x 0 100%;
	overflow:hidden;
}
#home-content .side-box h3,
#home-content .info-box h3{
	font:bold 14px/18px Helvetica, Arial, Tahoma, sans-serif;
	color:#c63;
	margin:0;
}
#home-content .side-box p{margin:3px 0;}
#home-content .img-holder{padding:13px 0;}
#home-content .side-box h4{
	margin:0;
	font:bold 12px/18px Helvetica, Arial, Tahoma, sans-serif;
	color:#369;
}
.more{
	color:#093;
	text-decoration:none;
}
.more:hover{color:#f30;}
#home-content .info-box{padding:15px 0 7px;}
#home-content .info-box ul{
	margin:0;
	padding:8px 0 0;
	list-style:none;
	background:url(http://www.mftransparency.org/media/img/line1.gif) repeat-x 0 100%;
	font-size:12px;
	line-height:16px;
}
#home-content .info-box ul li{
	background:url(http://www.mftransparency.org/media/img/line1.gif) repeat-x;
	padding:8px 0;
}
#home-content .info-box ul li a{
	color:#369;
	text-decoration:none;
}
#home-content .info-box ul li a:hover{color:#f30;}
#home-content .content-area,
#content-split .content-area{
	float:left;
	width:470px;
	padding:20px;
}
#home-content .video-holder img,
#home-content .gallery-holder img,
#home-content .content-box img{display:block;}
#home-content .video-holder{margin:0 0 1px;}
#home-content .content-box{
	background:url(http://www.mftransparency.org/media/img/line1.gif) repeat-x 0 100%;
	padding:0 0 18px;
	color:#666;
	overflow:hidden;
	width:100%;
}
#home-content .content-box h2,
#content-split .stories h2,
#content-split .announcements h2,
#content .container h2{
	font:bold 20px/24px Helvetica, Arial, Tahoma, sans-serif;
	color:#c60;
	margin:15px 0 0;
}
#home-content .content-box h2 span{font-weight:normal;}
#home-content .content-box p{margin:4px 0;}
#home-content .cont-img{margin:25px 0 5px;}
#home-content .down-link{font:12px/16px Helvetica, Arial, Tahoma, sans-serif;}
#home-content .down-link a{
	color:#093;
	text-decoration:none;
}
#home-content .down-link a:hover{color:#f30;}
/* news content section */
#content-split{
	width:100%;
	overflow:hidden;
	background:url(http://www.mftransparency.org/media/img/bg-news-content.gif) repeat-y;
}
#content-split .stories{padding:0 20px 20px;}
#content-split .stories ul,
#content-split .announcements ul{
	margin:0;
	padding:0;
	list-style:none;
}
#content-split .stories li,
#content-split .announcements ul li{
	background:url(http://www.mftransparency.org/media/img/line1.gif) repeat-x 0 100%;
	padding:15px 0;
	color:#666;
	width:100%;
	vertical-align:top;
}
#content-split .announcements ul li{padding:15px 0 10px;}
#content-split .stories li h3{
	font:bold 16px/24px Helvetica, Arial, Tahoma, sans-serif;
	margin:2px 0 0;
}
#content-split .stories li h3 a,
#content-split .announcements ul li h3 a{
	color:#369;
	text-decoration:none;
}
#content-split .stories li h3 a:hover,
#content-split .announcements ul li h3 a:hover{color:#f30;}
#content-split .stories li h3 span{font-weight:normal;}
#content-split .stories li p{margin:8px 0;}
#content-split .post-by{
	color:#000;
	display:block;
	font:bold 14px/20px Helvetica, Arial, Tahoma, sans-serif;
}
#content-split .announcements{
	float:right;
	width:410px;
	padding:0 20px 20px;
}
#content-split .announcements ul li h3{
	margin:0;
	font-size:16px;
	line-height:24px;
}
#content-split .announcements ul li p{margin:9px 0;}
#content-split .announcements ul li p a{
	text-decoration:none;
	color:#093;
}
#content-split .announcements ul li p a:hover{color:#f30;}
/* content section */
#content{
	width:100%;
	overflow:hidden;
	background:url(http://www.mftransparency.org/media/img/bg-content.gif) repeat-y;
}
#content .side-nav{
	margin:0;
	padding:7px 0 0;
	list-style:none;
	font:bold 13px/18px Helvetica, Arial, Tahoma, sans-serif;
}
#content .side-nav li{
	background:url(http://www.mftransparency.org/media/img/line1.gif) repeat-x 0 100%;
	vertical-align:top;
	padding:9px 0;
}
#content .side-nav li a{
	text-decoration:none;
	color:#369;
}
#content .side-nav li a:hover{color:#f30;}
#content .side-nav li.active a{color:#c60;}
#content .container{
	padding:0 20px 30px;
	width:695px;
	float:left;
	color:#666;
}
#content .sub-heading{
	font-size:16px;
	line-height:24px;
	margin:14px 0 22px;
	width:470px;
}
#content .container h3{
	font:bold 16px/24px Helvetica, Arial, Tahoma, sans-serif;
	color:#369;
	margin:16px 0 0;
}
#content .top-box{padding:0 0 5px;}
#content .container h4{
	background:url(http://www.mftransparency.org/media/img/line1.gif) repeat-x 0 100%;
	margin:0;
	font:bold 14px/24px Helvetica, Arial, Tahoma, sans-serif;
	color:#c60;
	padding:0 0 15px;
}
#content .cur-sponsors,
#content .cur-sponsors ul{
	margin:0;
	padding:0 0 15px;
	list-style:none;
}
#content .cur-sponsors ul{padding:6px 0 0 40px;}
#content .cur-sponsors li{
	width:100%;
	overflow:hidden;
}

#content .cur-sponsors li.submember {
    margin-left: 10%;
    width: 90%;
}
#content .alignright{
	float:right;
	margin:15px 0 0 15px;
}
#content .text-holder{
	height:1%;
	overflow:hidden;
}
#content .container p{margin:14px 0 5px;}
/* footer section */
#footer{
	border-top:1px solid #69c;
	padding:10px 21px;
	font-size:12px;
	line-height:16px;
}
#footer ul{
	margin:0 0 0 -4px;
	padding:0 0 4px;
	list-style:none;
	width:100%;
	overflow:hidden;
	position:relative;
}
#footer ul li{
	float:left;
	background:url(http://www.mftransparency.org/media/img/sep1.gif) no-repeat 0 67%;
	padding:0 4px 0 5px;
}
#footer ul li:first-child{background:none;}
#footer ul li a{
	color:#369;
	text-decoration:none;
}
#footer ul li a:hover{color:#f30;}
#footer .contact{
	float:left;
	color:#093;
}
#footer .contact a{
	color:#093;
	text-decoration:none;
}
#footer .holder em{
	float:right;
	color:#369;
}
/* -------------- End PSD2HTHL Settings ---------------------------*/

/* -------------- Microfinance Transparency additions ------------ */

        /* ---- Begin: Endorsement ------*/
        hr {
            border: medium solid;
            color: #222;
        }

        div.side-area {
            font-family: Georgia,"Times New Roman",Times,serif;
            color: #555;
            line-height: 20px;
        }

        div.side-area h2{
            color: #CC6600;
            font-family: Helvetica,Arial,Tahoma,sans-serif;
            font-size: 19px;
            margin: 15px 0 13px;            
        }

        div.side-area h3 {
            color: #336699;
            font-family: Helvetica,Arial,Tahoma,sans-serif;
            font-size: 16px;
            margin: 15px 0 0;            
        }
        
        li.active, li.active a {
            color: #CC6600;
        }
        
        div#endorsement table.totals {
            width: 500;
        }

        table.totals td {
            vertical-align: top;
        }
        /*
        table.totals tr {
            border-top: hidden;
            border-collapse: collapse;
            border-bottom: solid;
            border: 1px solid green;
            padding: 4px 0px 4px 0px;
        }
        */
        
        /* ---------Begin: Home Page Styles ----------*/
        .videobox {	
        	text-align: center;
        }

        div.panel-overlay {
        	background-color: #002d68;
        	padding-left: 10px;
        }

        div.panel-overlay h2 {
        	margin-top: 0px;
        	font-size: 110%;
        	color: #fff;
        }

        div.panel-overlay p {
        	margin-top: -12px;
        	color: #fff;
        }

        div.panel-overlay p.multiline {
        	margin-top: -18px;
        	color: #fff;
        }
        
        div.panel img {
            display:block;
            margin-left:auto;
            margin-right:auto;
            text-align:center;
        }
        


        /* -------- End: Home Page Styles ----------*/
        
        /* --------- Begin: Endorsers List ---------*/

        td.nowrap {
            color: green;
        }

        div.search_clear {
            float: right;
        }

        div.signuptop {
            float: right;
            width: 200px;
        }
        
        div#intro {
            float: left;
            width: 450px;
        }
        
        div.searchbox {
            clear: both;
        }

        /* --------- End: Endorsers List ---------*/

        div#who-we-are div.container h3 {
        	background:url(http://www.mftransparency.org/media/img/line1.gif) repeat-x 0 100%;
        }
        
        div#who-we-are div.container h4 {
            color: #333;
            background: none;
            padding-top: 15px;
            padding-bottom: 0px;
        }

        div#who-we-are div.container p, div#contact-us div.container p {
            margin-top: 5px;
        }        
        
        /* -------- Contact Us ---------- */
        div#contact-us div.container h4 {
            background: none;            
            padding-top: 15px;
            padding-bottom: 0px;
        }

        div#sponsor-becom div.container p {
            margin-top: 4px;
            margin-bottom: 15px;
            padding: 0;
        }
        
        /* -------- Country Data -------- */

        span.filterLabel {
            margin-top: 10px;
        }
        
        /* ------ Institution Detail ----- */
        div#institution-detail .container {
            color:#666666;
            float:left;
            padding:0 20px 30px;
            width: 100%;
        }
        
        div#product-detail .container {
            width: 925px;
        }


        

        /* CSS Buttons */
        /* ---- http://www.iwebtoolsonline.com/html-and-css-rounded-corner-button-generator ---*/
    
        button {
        border: 0 none;
        cursor: pointer;
        font-weight: bold;
        padding: 0 15px 0 0;
        text-align: center;
        height: 30px;
        line-height: 30px;
        width: auto;
        }

        button.rounded {
        background: transparent url(/media/img/btn_right.png ) no-repeat scroll right top;
        clear: left;
        font-size: 0.8em;
        }

        button span {
        display: block;
        padding: 0 0 0 15px;
        position: relative;
        white-space: nowrap;
        height: 30px;
        line-height: 30px;
        }

        button.rounded span {
        background: transparent url(/media/img/btn_left.png ) no-repeat scroll left top;
        color: #FFFFFF;
        }

        button.rounded:hover {
        background-position: 100% -30px;
        }

        button.rounded:hover span {
        background-position: 0% -30px;
        }

        button::-moz-focus-inner {
        border: none;
        }



/* ----- wordpress wp-reloaded plugin: uses a different class name but should be styled the same as tablesorter in /media/css/themes/blue/style.css  (This should be consolidated) ---- */
table.wp-table-reloaded {
	font-family:arial;
	background-color: #fff; /* #CDCDCD; */
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.wp-table-reloaded thead tr th, table.wp-table-reloaded tfoot tr th {
	background-color: #999999; /* #0C84F3;*/
	color: #fff;
	/* border: 1px solid #FFF; */
	font-size: 8pt;
	padding: 4px;
}
table.wp-table-reloaded thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.wp-table-reloaded tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.wp-table-reloaded thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.wp-table-reloaded thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.wp-table-reloaded thead tr .headerSortDown, table.wp-table-reloaded thead tr .headerSortUp {
background-color: #0C84F3; /* #8dbdd8; */
color: #fff;
}


