/**
 *  layout.css
 *  
 *  website layout stylesheet - Asia Capital website
 *  override tripoli styles if necessary
 *  
 *  @author RichardG <richard@asiaecon.org> 10.24.2008
*/


body {
    font:normal 12px/14px Calibri, Arial, Georgia, sans-serif;
    background:#E2E2E2 url('../images/bg_body.png') repeat-y center;
    color:#404040;
}

a:link{
    color:#273b7a;
    text-decoration:none;
    font:normal 13px/14px Calibri, Arial, Georgia, sans-serif;
}
a:hover{color:#7F0000; text-decoration:underline;}
a:visited{ color:#273b7a;}
a:visited:hover{color:#7F0000; text-decoration:underline;}

#wrapper{ 
    margin:0 auto;
    width:1000px;
}
#header{
    width:100%;
    height:85px;
    background: #fff url('../images/asia-capital-report-header-bg.jpg') 0 0 no-repeat;
}
#site_logo{
    float:left;
    width:400px;
    height:75px;
}
#site_date {
    float:left;
    margin:36px 0 0 12px;
    color:#000;
    display:inline;
    font-weight:bold;
}
#site_search{
    float:left;
    display:inline;
}
#site_search form{
    margin:32px 4px 0 32px;
}
#site_search #q{
    padding:6px 4px 6px 4px;
}

/*****************************************************************************/
/**
 * site navigation menu
 *
 */
#navigation{
    height:30px;
    /*font:bold 14px/16px Arial, Tahoma, sans-serif;*/
    background:#f2f2f2 url('../images/bg_nav.jpg') no-repeat top left;
    color:#000;
}
/*****************************************************************************/

    
#leftcolumn { 
    width:182px;
    float:left;
    height:500px; /*this is a quick fix*/
}

#centercolumn { 
   /* width:690px!important;
      width:682px; 
    */
    float:left;
}

#rightcolumn {
    float:right;
    width:128px;
}
span.event_date_x
{
	float:left;
	width:100%;
	font-size:10px;
	margin-left:20px;	
}

#footer {
    clear:both;
    height:44px;
    color:#fff;
    /* background:#fff url('../images/bg_footer.jpg') no-repeat top left; */
		background-color:#840B0C;
}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {color:#fff; text-decoration:underline;}
#footer_left {margin:8px 0 0 12px; float:left;font-weight:bold;}
#footer_right{margin:14px 12px 0 0; float:right;}

/*****************************************************************************/



/**
 * 'Home' page
 *
 */

#main_news_left{
    float:left;
    width:288px;
    height:auto;
    /*border-right:1px solid #ccc;*/
}
#main_news_image{
    float:left;
    width:280px;
    height:174px;
    border:1px solid #ccc;
}
.news_content{
    padding:8px 8px 8px 2px;
    float:left;
    /*color:#404040;*/
}
/*.news_entry{  !! DO NOT REMOVE YET! !! 
    padding:8px 0 8px 0;
    float:left;
    color:#404040;
    border-bottom:2px dotted #CCCCCC;
}*/
.news_content a, .news_entry a{text-decoration:none;}
.news_content a:hover, .news_entry a:hover{text-decoration:underline;}

/*** Google Ads  ***/
#google_add_front{
    margin:0 0 0 10px; 
    width:200px;
    height:200px;
    float:left;
    display:inline;
}
#ga_add_front_1, #ga_add_front_2{
    margin:0 0 20px 0;
    float:left;
    width:200px;
    height:auto;
}


/*** Latest News videos ***/
#latest_videos{
    float:left;
    margin:0 0 0 12px;
    /*width:490px;*/
    width:366px;
    height:300px;
    display:inline;
}

#first_video_big{
    margin:0 0 0 8px;
    float:left;
    width:330px;
    height:auto;
}
.first_video{	
    float:left;
    width:330px;
    height:320px;
}
#secondary_video{
    margin:0 0 0 12px;
    float:left;
    height:auto;
    width:90px;
}
#secondary_video .sec_videos{
    float:left;
    padding:0 0 10px 0;
    height:100px;
    width:140px;
}
.more_link{
    float:left;
    height:20px;
    width:100%;
    text-align:center;
    font-size:18px;
    margin-bottom:10px;
}
.more_link a {
    text-align:center;
    font-size:16px;
    font-weight:bold;
}
	
/*** Latest Events and Conferences  **/        
#events{
    /*float:left;*/
    width:100%;
    height:auto;
}
#events_calender{
    border:1px solid #000000;
    margin:10px ;
    padding:5px;
    position:relative;
    width:254px;
    float:left;
    height:auto;
} 
.calendarFloat {
    float: left;
    width: 31px;
    height: 25px;
    margin: 1px 0px 0px 1px;
    padding: 1px;
    border: 1px solid #000;
}
.calendarFloat_day {
    float: left;
    width: 31px;
    height: 25px;
    margin: 1px 0px 0px 1px;
    padding: 1px;
    border: 1px solid #000;
    text-align: center; 
    cursor:pointer;
}
.calendarBox {
    border:1px solid #000000;
    margin:0 auto;
    padding:5px;
    position:relative;
    top:30px;
    width:254px;
    float:left;
}
#more_months{
    margin-right:30px;
    float:right;
}
#more_months a{ text-decoration:none;}
#top_cal_menu{
    width:100%;
    height:auto;
    float:left;
    margin-bottom:5px;
}
#top_cal_m_s {
    float:left;
    width:150px;
    height:auto;
}	
#events_latest {
float:left;
height:260px;
width:413px;
}
#event_latest_inner {
float:left;
height:185px;
margin:10px;
width:402px;
overflow-y:auto;
}
#left_banner {
float:left;
width:160px;
height:300px;
margin:0 0 10px 10px;
}
#add_events{
    float:left;
    width:120px;
    margin:20px 10px 0 0;
}
.day_events{
    display:none;
    z-index:10;
    width:200px;
    height:auto;
    border:2px solid black;
    position:absolute;
    background-color:#FFFFCC;
    float:left;
}
.day_event_s{
    border-bottom:2px dashed black;
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom:5px;
    margin-top:5px;
    float:left;
    width:100%;
    height:auto;	
} 
#event_map{
    float:left;
    width:100%;
    margin:10px 5px 5px 5px;
    height:auto;
}
#event_map_desc{
    float:left;
    margin-left:10px;
    width:200px;
}
.conference_item{
    text-align:left;
    float:left;
    min-height:40px;
    height:auto;
    overflow:hidden;
}
.conference_h_container{
    border-bottom:2px dotted #CCCCCC;
    min-height:40px;
    padding-bottom:5px;
    height:auto;
}
	
        
/*** Asia Fund Center  ***/
#afc{
    float:left;
    width:100%;
    height:auto;
}
#index_charts{
    margin:8px 0 0 10px;
    float:left;
    width:310px;
    height:auto;
}
.index_image{
    margin:0 10px 10px 10px; 
    float:left;
    width:280px;
    height:auto;
}
#index_charts .feature_video{
    float:left;
    width:200px;
    height:200px;

}
.ui-tabs-panel{
    width:960px;
    float:left;
    height:auto;
} 
#afc #funds_top_performers{
    margin:0 0 16px 0;
    float:left;
    width:350px!important;
    width:342px;
    display:inline;
}
	
    
/***  Google ads on the page bottom   **/	
#ga_bottom_main{
    margin:10px 0 10px 12px;
    float:left;
    width:740px;
    height:90px;
}


/*** Newsletter section  ***/ 
#newsletters{
    margin:10px 0 0 10px;
    float:left;
    width:230px;
    display:inline;
}
#email_entry{
    margin:12px 0 12px 0;
}



/*****************************************************************************/

/**
 * 'News' section
 *
 */

#head_sorter{
    margin:8px 0 0 0;
    padding:0 0 4px 0;
    float:left;
    width:100%;
    background-color:#ccc;
}
#country_filter{
    margin:6px 0 0 0;
    float:left;
    font:normal 11px/12px Tahoma, Arial, sans-serif;
}
#country_filter select {
    margin:-2px 0 0 2px;
    float:left;
    width:108px;
}
#cf {
    margin:6px 0 0 6px ;
    float:left;
}

#sort_bar{
    margin:6px 2px 0 0;
    float:right;
}
#news_date{
    font-size:11px;
    font-weight:normal;
}

#news_display{
    margin:8px 0 12px 0;
    float:left;
    width:340px;
    display:inline;
}

#h_container{
    float:left;
    height:102px!important;
    height:108px;
    width:330px;
    border-bottom:2px dotted #ccc;
}
.news_item{
    float:left;
    height:85px!important;
    height:92px;
    width:100%;
    overflow:hidden;
}

/*
 * This is an IE7-only CSS hack
 * Tested only on the news.google.com feed selectors
 *
 * 12.12.2008
 */
/***************************************************/
html>body .news_item table{ *margin:-6px 0 0 -8px; }
/***************************************************/


#news_video_display{
    margin:8px 0 0 10px;
    float:left;
    height:auto;
    width:520px;
    display:inline;
}
.flash_item{
    margin:8px 0 0 0;
    float:left;
    width:390px;
    height:250px;
}

#video_thumbs_holder{
    margin:8px 0 0 0;
    float:left;
    width:130px;
    height:335px;
    overflow:auto;
}
#pic_items{
    float:left;
}
.pic_item{
    margin:0 0 4px 10px;
}
.pic_item img{
    width:100px;
    height:80px;
}


/* FEATURE NEWS FEATURE_NEWS_VIEW.PHP */
		#latest_news_left
	{
		float:left;
		/*height:auto;*/
                display:inline;
		width:695px!important;
                width:688px;
	}
	
	#latest_news_right
	{
		float:left;
		height:auto;
		width:295px;
		margin-left:10px;
	}
	
	#latest_news_right #more_news
	{
		float:left;
		margin:10px;
		width:280px;
		height:auto;
		min-height:400px;
	}
	
	#latest_news_right .date_more_news
	{
		padding-left:10px;
		width:260px;
		float:left;
		font-size:12px;
		margin-bottom:10px;
		padding-bottom:5px;
		border-bottom:2px dotted #CCCCCC;
	}
	
	#latest_news_left #latest_news_text
	{
		float:left;
		height:auto;
		/*width:395px;*/
		width:390px;
		margin-right:5px;
	}
	
	#latest_news_left #latest_news_image
	{
		float:left;
		height:auto;
		width:300px;
	}
		
	#latest_news_left #feature_video
	{
		float:left;
		height:auto;
		width:600px;
	}
	
	#latest_news_left #more_news_pages
	{
		float:left;
		height:auto;
		width:200px;;
	}	
	#latest_news_left #more_video,#view_source
	{
		margin-top:30px;
		float:left;
		width:100%;
		text-align:center;
		font-size:12px;
		line-height:12px;
		padding:5px;
	}	
	#latest_news_left #more_video a
	{
		margin-top:30px;
		float:left;
		width:100%;
		text-align:center;
		font-size:20px;
		line-height:20px;
		padding:5px;
	}
	
	
	
	#latest_news_left	#google_add_feature_video
	{	
		float:left;
		width:100%;
		height:auto;
		margin:10px 0px 10px 0;
		text-align:center;
                border:1px solid #f1f1f1;
	
	}
	
	#latest_news_right	#google_add_past_news
	{
		float:left;
		width:100%;
		height:auto;
		margin:10px 0px 10px -40px;
		text-align:center;
		
	}
	
	#latest_news_left	#ga_latest_news
	{
		float:left;
		width:300px;
		height:60px;
		margin:10px 0px 10px 0;	
	}
	
	/* fEATURE news END  */

/*****************************************************************************/

/**
 * 'Regions' section
 *
 */

#regions_funds_top_performers{
    float:left;
    width:290px;
    display:inline;
}

#regions_news_display{
    margin:0 0 0 12px;
    float:left;
    display:inline;
    /*width:380px!important;
    width:372px;*/
    width:570px;
}
#rh_container{
    float:left;
    /*width:380px;*/
    /*height:108px;*/
    width:100%;
    border-bottom:2px dotted #ccc;
}
#regions_funds_display{
    margin:8px 0 8px 0;
    float:left;
    width:872px;
    font:normal 11px/14px "Lucida Sans Unicode", Tahoma, sans-serif;
}
.region_funds{width:290px; font:normal 12px/14px Arial, Georgia, "Times New Roman"}
.region_funds th{text-align:center; font:bold 12px/14px Arial, Georgia, "Times New Roman"}
.region_funds tr{height:21px;}

/*****************************************************************************/

/**
 * 'Funds Center' section
 *
 */

#funds_left_column{
    padding:0 8px 0 8px;
    float:left;
    width:260px;
}
#funds_display{
    margin:8px 0 8px 0;
    float:left;
    width:680px;
    /*font:normal 11px/14px "Lucida Sans Unicode", Tahoma, sans-serif;*/
}
#funds_news_display{
    margin:0 0 16px 0;
    float:left;
    width:680px;
    display:inline;
}
#funds_news_content{
    /*margin:8px 0 0 0;
    float:left;
    width:350px;
    display:inline;*/
    display:inline;
    width:100%;
}
.funds_news_item {
    /*margin:2px 0 2px 0;
    float:left;
    height:32px;
    width:100%;
    display:inline;
    border-bottom:2px dotted #ccc;*/
    margin:4px 0 4px 0;
    float:left;
    width:100%;
}
#funds_links{
    /*margin:0 12px 16px 0;
    float:right;
    width:310px;
    height:auto;
    display:inline;*/
    margin:32px 0 0 0;
    float:left;
    display:inline;
    width:100%;
}
#funds_right_column{
    padding:0 8px 12px 8px;
    float:left;
    width:706px;
    border-left:1px solid #ccc;
}
#right_top{
    float:left;
    width:100%;
}
#funds_top_performers{
    /*margin:0 0 16px 0;
    float:left;
    width:350px!important;
    width:342px;
    display:inline;*/
    float:left;
    width:410px;
}
.fc_funds{width:100%; font:normal 12px/14px Arial, Georgia, "Times New Roman"}
.fc_funds th{text-align:center; font:bold 12px/14px Arial, Georgia, "Times New Roman"}
.fc_funds tr{height:21px;}
.fc_funds td.t1{text-indent:6px; width:60px;}
.fc_funds td.t2{text-indent:6px; width:240px;}
.fc_funds td.t3{text-align:center;}

#funds_index_display{
    /*margin:0 0 0 36px;
    float:left;*/
    margin:0 0 0 12px;
    float:left;
    display:inline;
}
#funds_index_display img{
    /*margin:36px 0 0 0;*/
    margin:24px 0 0 0;
    float:left;
    display:inline;
}
#funds_index_tabs_display{
    margin:12px 14px 0 10px;
    float:right;
    width:310px;
}
#right_middle{
    margin:12px 0 0 0;
    float:left;
    width:100%;
}
#ads_middle{
    float:left;
    width:336px;
    height:280px;
}
#funds_video_content{
    /*margin:8px 2px 0 0;
    float:right;
    width:310px;
    border:1px solid #ccc;
    display:inline;*/
    margin:0 0 0 24px;
    float:left;
    width:340px;
    height:280px;
    border:1px solid #ccc;
}
#right_bottom{
    margin:12px 0 0 0;
    float:left;
    width:100%;
}
#funds_research_display{
    /*margin:0 0 16px 0;
    float:left;
    width:350px;
    display:inline;*/
    width:100%;

}
.funds_research_item{
    margin:4px 0 4px 0;
    float:left;
    width:100%;  
}
.style_center{
    text-align:center;
    margin:80px 10px;
    width:auto;
    height:auto;
    font-weight:bold;
}


/**
 * 'Funds Directory' sub-section
 *
 */
#fd_funds_display{
    float:left;
    width:348px;
}
#fd_funds_display #alpha_index{
    margin:24px 0 0 0;
    width:100%;
    height:40px;
    text-align:center;
}
#fd_funds_display #alpha_index a{
    font:bold 12px/12px "Lucida Sans Unicode", Tahoma, sans-serif;
    text-decoration:none;
    background-color:#fff;
}

/**
 * the newly integrated 'Fund Compare' section
 *
 */
#compare_results{
    margin:8px 0 20px 24px;
    float:left;
    width:626px;
    height:auto;
    overflow-x:auto;
}
#funds_compare{
    margin:0 0 0 24px;
    float:left;
    width:626px;
    display:inline;
}
#fund_type{
    font-size:12px;
    width:100%;
    float:left;
}

#criteria_main{
    display:none;
    height:auto;
    margin:10px 5px;
    float:left;
}
#criteria_inner{
    display:none;
    width:auto;
    height:auto;		
    margin:10px 5px;
    float:left;
}
#fund_comparison{
    display:none;
    width:100%;	
    float:left
}
#fund_name_field{
    display:none;
    width:100%;
    float:left;
    margin: 10px 5px;
}
#compare_button{
    margin:12px 0 0 0;
    float:left;
}
#compare_button_div{
    width:160px;
    float:right;
}
#add_funds{
    height:auto;
    float:left;
    width:100%;
}
#add_fund_button{
    width:360px;
    float:left;
}
#added_funds{
    margin:10px 5px;
    display:none;
    width:100%;
    float:left;
    height:auto;
}
#fund_input_field{
    margin:14px 0 0 32px;
}



/** from funds.css -- START  **/
/** Velimir                  **/
#funds_display .overview_left_side{
	width:290px;
	height:auto; 
	float:left;
	margin:12px 0px 12px 24px;
}

#funds_display .overview_right_side{
	width:330px;
	height:auto; 
	float:right;
	margin:12px 28px 12px 0px;
}

#funds_display  table.ar{
    width:330px;
    border:1px solid #ccc;
}

#funds_display  table.qr{
    width:290px;
    border:1px solid #ccc;
    margin-bottom:5px;
}
/** from funds.css -- END  **/


/**
 *  Google 'Search' results page
 *
 */
#search_column{
    margin:16px 0 0 0;
    width:100%;
    float:left;
} 
/*****************************************************************************/

/**
 * ads styles/classes
 *
 */

#right_ads{
    margin:12px 0 12px 0;
    text-align:right;
}
#right_ads img{
    border:none;
    text-align:right;
}


/*****************************************************************************/

/**
 * 'Auxillary Contents'
 *
 */
#aux_content{
    margin:12px 0 8px 0;
    padding:24px;
    /*width:630px;*/ /* with the accordion menu */
    width:820px;
    border:1px solid #ccc;
}
#aux_content p{
    text-align:justify;
    line-height:16px;
}
#aux_content ul {
    margin:0 0 0 12px;
}
#aux_content ul li{
    margin:2px 0 0 12px;
    list-style:disc;
}

/*****************************************************************************/

/**
 * 'Encyclopedia' section
 *
 */
#encyclopedia_content{
    margin:0 0 12px 0;
    float:left;
    width:680px;
    display:inline;
    border:1px solid #ccc;
}
#letter_index{
    margin:12px 0 0 64px;
    
}
#letter_index a{
    margin:0 4px 0 4px;
    text-decoration:none;
    font:bold 18px/18px Arial, Georgia, Tahoma;
}
#letter_index a:hover{
    margin:0 4px 0 4px;
    text-decoration:underline;
}
#encyclopedia_words{
    width:100%;
}
#letters{
    margin:12px 2px 2px 8px;
    float:left;
}
#letters h1, #definition h1{
    padding:2px 4px 2px 4px;
    width:12px;
    font:bold 16px/18px Arial, Georgia, Tahoma;
    color:#fff;
    background-color:#273B7A;
    border:1px solid #ccc;
}
.entries{
    margin:2px;
    float:left;
    width:320px;
}
.entries a{text-decoration:none;}
.entries a:hover{}

#definition{
    margin:12px 2px 2px 8px;
}
.definition_entry{
    margin:2px;
    float:left;
    border-top:1px solid #ccc;
}
.definition_entry h2{
    margin:2px 2px 2px 0;
    padding:4px 0 0 0;
    font:bold 14px/16px Georgia, Arial, Tahoma;
}
.definition_entry p{
    margin:8px 2px 8px 0;
}

/*****************************************************************************/

/**
 * General classes
 *
 */

.c1 {background-color:#D8D8D8;}
.c2 {background-color:#F4F4F4;}

.box_header{
    padding:6px 0 2px 0;
    color:#7f0000;
    font:normal 18px/20px Calipri, sans-serif;
    text-transform:uppercase;
    background:#fff url('../images/top_bar.jpg') top left repeat-x;
    float:left;
    width:100%;
}
.box_header h1{margin:0 0 0 8px; width:100%; display:inline;}

.box_title{
    padding:8px 0 0 0;
    color:#7f0000;
    font:normal 18px/20px Calipri, sans-serif;
    text-transform:uppercase;
    background-color:#fff;
    border-bottom:2px solid #ccc;
}
.box_title h1{width:100%; display:inline;}

.site_content {padding:12px;}
.h_line {
    float:left;
    display:inline;
    text-align:center;
    border-bottom:2px dotted #ccc;
    width:100%;
}
a.more_links{
    margin:6px 20px 0 0;
    width:100%;
    text-align:right;
    float:left;
    color:#7f0000;
    font:normal 12px/14px Arial, sans-serif;
}
.info{}
#error_message{
    margin:0 auto;
    padding:24px;
    float:left;
    /*width:100%;*/
    display:inline;
    border:1px solid red;
}
.error {
    padding:2px 0 2px 18px;
    font-weight:bold;
    color:red;
    background:#fff url('../images/icon_error.png')top left no-repeat;
}
.warning{}


/**
 *  FlexiGrid component
 *
 *
 */
#gridFundsDirectory{
    margin:2px 0 12px 0;
    float:left;
}





/*  FUND CENTER */
.t_header{
        text-align:left;
        color:#666666;
        font-family:Arial,Verdana,sans-serif;
        font-size:16px;
        font-weight:bold;
        padding:5px 5px 5px 0px;
}

.t_data{
        text-align:left;
        color:#666666;
        font-family:Arial,Verdana,sans-serif;
        font-size:12px;	
        border-bottom:2px dotted #CCCCCC;
        margin-bottom:10px;
}

.sm_t_data{
        text-align:left;
        color:#666666;
        font-family:Arial,Verdana,sans-serif;
        font-size:12px;	
        padding-bottom:10px;
        padding-right:40px;
        margin-bottom:10px;	

}

.tr_last{
        border-bottom:2px dotted #CCCCCC;
}

.full_table {
        width:100%
}

.table_left_side{
        float:left;
        padding:0 8px 0 0;
        width:330px;
}
.table_right_side{
        float:left;
        margin:0 0 0 12px;
        width:326px;
}

.table_h{
        text-align:left;
        text-align:left;
        color:#666666;
        font-family:Arial,Verdana,sans-serif;
        font-size:20px;
        font-weight:bold;
        padding:5px 5px 5px 0px;
        
}

.box_title_sm{
        background-color:#FFFFFF;
        border-bottom:1px solid #CCCCCC;
        color:#7F0000;
        font-family:Georgia,"Times New Roman",Arial,sans-serif;
        font-size:15px;
        font-size-adjust:none;
        font-stretch:normal;
        font-style:normal;
        font-variant:normal;
        font-weight:normal;
        line-height:15px;
        padding:8px 0 0 8px;
        text-transform:uppercase;
}


.menu_space
{
	float:left;
	height:24px;
	width:100%;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	color:#7F0000;
	z-index:900;
	padding-top:8px;
	
	
}

.menu_space a
{
	text-decoration:none;
}

.menu_space a span 
{
	margin-top:10px;
	height:13px;
		
}
.menu_space a  span span
{
	color:black;	
}
.menu_space a  span span.com
{
	color:silver;	
}

.menu_space a span span.block
{
	background:#7F0000;
	color:white;
	font-size:smaller;
}