/**
 *  layout.css
 *  website layout stylesheet - http://www.asiaecon.org website (v2.0)
 *  override tripoli styles if necessary
 *
 *  ! USE OTHER CSS FILES FOR SPECIFIC SITE SECTIONS !
 */
body {
font:normal 12px/14px Arial, Georgia, Tahoma, sans-serif;
background:#E2E2E2 url('../images/bg_body.png') repeat-y center;
/*color:#404040;*/
color:#000;
}
a {
color:#273b7a;
text-decoration:none;
font:normal 12px/14px Arial, Georgia, Tahoma;
}
a:link{color:#273b7a;}
a:visited{color:#273b7a;}
a:hover{text-decoration:underline;color:#EF8C08;}

p{margin:2px 6px 2px 6px;}

/* Top header area */
.underline {
text-decoration:underline;
}
#top_bar_inner {
margin:0 auto;
width:1016px;
height:28px;
position:relative;
background-color:#41639C;
}
#top_bar_inner img {
margin:0 0 0 8px;
float:left;
}
#search_bar {
/*margin:8px 96px 0 0;*/    /* use this if you want to use an image 'Search' button  */
margin:35px 0 0 12px;        /* use this if you don't want to use the image 'Search' button  */
padding:0;
float:right;
}
#search_bar #search_btn {
font-size:11px;
width:100px;
padding:0;
margin:0;
height:25px;
}
a.item_title:hover {
color:#EF8C08;
text-decoration:none;
} 
#wrapper {
margin:0 auto;
width:1000px;
}
#header {
margin:0 0 0 -8px!important;
margin:0 0 0 -5px;
width:1016px;
height:90px;
background:#720A11 url('../images/bg_header.png') 0 0 repeat-x;
}
a.glossary_link {
color:#720A11;
text-decoration:underline;
}
.def_glossary {
visibility:hidden;
max-width:300px;
height:auto;
position:absolute;
float:left;
z-index:400;
font-size:12px;
padding:0.5em;
margin:5px;
color:#000;
text-shadow:2px 2px 0px #ccc;
word-wrap:break-word;
border:1px dotted #333;
border-width:1px;
background-color:#fff;
filter:alpha(opacity=85);
-moz-opacity: 0.85;
opacity:0.85;
}
.def_glossary h1 {
font-size:14px;
margin-left:20px;
font-weight:bold;
}
.def_glossary h2 {
font-weight:normal;
font-size:12px;	
margin-left:20px;
}
.def_glossary h1 span {
text-decoration:underline;
}
#site_logo {
margin:0 0 0 24px;
float:left;
height:90px;
background-color:#C40900;
}
#site_date {
margin:-32px 0 0 28px;
float:left;
display:inline;
font-size:14px;
font-weight:bold;
color:#fff;
background-color:#C40900;
}
#header_right {
float:right;
width:320px;
}
#rss_icons {
margin:0 0 0 16px;
float:left;
width:312px;
}
.feed-button {
padding:10px 0;
}
.feed-button a {
margin:4px 2px 2px;
padding:6px 6px 6px 24px;
float:left;
color:#fff;
background:url('../images/feed-icon-14x14.png') no-repeat 6px 50%;
}
.feed-button a:hover {
color:#EF8C08;
background:url('../images/feed-icon-14x14.png') no-repeat 6px 50%;
text-decoration:none;
}
.login-button a, .profile-button a, .logout-button a {
float:right;
color:#404040;
padding:4px 6px 4px 26px;
border-top: 1px solid #e2e2e2;
border-right: 1px solid #818181;
border-bottom: 1px solid #565656;
border-left: 1px solid #d7d7d7;
}
.login-button a {
margin:6px 16px 2px 2px;
background: #E9EDF0 url('../images/img_login.png') no-repeat 6px 50%;
}
.profile-button a {
margin:6px 2px 2px 2px;
background: #E9EDF0 url('../images/img_profile.png') no-repeat 6px 50%;
}
.logout-button a {
margin:6px 16px 2px 2px;
background: #E9EDF0 url('../images/img_logout.png') no-repeat 6px 50%;
}
.login-button a:hover, .profile-button a:hover, .logout-button a:hover {
color:#EF8C08;
background: #eee url('../images/feed-icon-14x14.png') no-repeat 6px 50%;
border-top: 1px solid #f5f5f5;
border-right: 1px solid #969696;
border-bottom: 1px solid #646464;
border-left: 1px solid #f2f2f2;
text-decoration:none;
}
.login-button a:hover {
background: #E9EDF0 url('../images/img_login.png') no-repeat 6px 50%;
}
.profile-button a:hover {
color:#EF8C08;
background: #eee url('../images/img_profile.png') no-repeat 6px 50%;
}
.logout-button a:hover {
color:#EF8C08;
background: #eee url('../images/img_logout.png') no-repeat 6px 50%;
}
#login_top {
margin:4px 0 0 0;
float:left;
width:320px;
height:52px;
}
#login_top .welcome-message {
margin:0 18px 0 0;
float:right;
color:#fff;
font:bold 12px/14px Georgia, Arial, Tahoma, sans-serif;
}
#login_top .welcome-message a {
color:#EF8C08;
font:bold 11px/12px Georgia, Arial, Tahoma, sans-serif;
}

/**Site navigation**/
#navigation {
margin:0 0 0 -8px!important;
margin:0 0 0 -5px;
float:left;
width:1016px;
height:30px;
background:transparent url('../images/informasiablue.png') repeat-x scroll 0 0;
color:white;
font-weight:bold;
}

/**Main site layout**/
#maincolumn {
margin:8px 0 6px 0;
float:left;
width:1000px;
display:inline;
}
#aux_column {
margin:0 8px 6px 6px;
float:left;
width:850px!important;
display:inline;
}
#rightcolumn {
margin:0 6px 0 6px;
float:left;
width:120px;
display:inline;
}
#footer {
margin:0 0 0 -8px!important;
margin:0 0 0 -5px;
clear:both;
height:50px;
color:#fff;
background:#fff url('../images/bg_footer.png') 0 0 repeat-x;
font:normal 11px/14px Verdana, Tahoma, Arial;
width:1016px;
}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {color:#fff; text-decoration:underline;}
#footer_left {margin:8px 0 0 12px; float:left;}
#footer_right{margin:14px 12px 0 0; float:right;}

/**Auxillary contents**/
#aux_content {
margin:0 0 8px 0;
padding:24px 24px 12px 24px;
width:800px;
border:1px solid #ccc
}
#aux_content p {
text-align:justify;
line-height:17px;
}
#aux_content p.pp {
margin:2px 0 0 0;
}
#aux_content ul {
margin:6px 0 0 6px;
}
#aux_content ul li {
margin:2px 0 0 12px;
list-style:disc;
line-height:18px;
}
#aux_content h4 {
margin:8px 0 0 0;
}

/**General classes**/
.box_header {
padding:4px 0 4px 8px;
background: url('../images/bg_box_header.png') 0 0 repeat-x;
border-bottom:1px solid #ccc; font-size:14px; font-weight:bold; color:white;
}
.box_header h1 {
width:100%;
color:#fff;
display:inline;
font-weight:bold;
font-size:14px;
line-height:16px;
text-transform:uppercase;
}
.box_header h1 a {
color:#fff;
text-decoration:none;
font-weight:bold;
font-size:14px;
line-height:16px;
}
.box_header h1 a:hover {
color:#EF8C08;
}
.box_header_a {
text-align:center;
padding:4px 0 4px 8px;
background: url('../images/bg_box_header.png') 0 0 repeat-x;
background: #720A11 url(../images/bg_header.png) repeat-x scroll 0 0;
font-size:14px; font-weight:bold; color:white;
}
.box_header_a a {
width:100%;
color:#fff;
display:inline;
font-weight:bold;
font-size:14px;
line-height:16px;
text-transform:uppercase;
}
.h_line {
margin:2px 0 2px 0;
width:100%;
height:1px;
color:#164c97;          /* color is for IE */
background:#164c97;     /* background is for all other web browsers */
border:0;
text-align:left;
display:block;
}
.topic_header {
margin:0 0 0 4px;
padding:2px 0 2px 2px;
border-bottom:4px solid #82A7D1;
}
.aux_topic_header {
margin:0;
padding:2px 0 2px 2px;
border-bottom:4px solid #82A7D1;
}
.topic_header h2, .aux_topic_header h2 {
width:100%;
color:#000;
font:bold 12px/14px Georgia, Tahoma, Arial, sans-serif;
display:inline;
}
.item_title {
margin:0 0 0 6px;
font-weight:bold;
font-size:14px;
}
.sm_item_title {
margin:0 0 0 6px;
font-weight:bold;
font-size:12px;
}
.date {
margin:2px 0 0 20px;
width:100%;
font-size:11px;
}
.front_title{font-size:12px;}
.more_link {
margin:10px 12px 10px 0;
padding:0 0 0 12px;
float:right;
background:url('../images/img_more_link.png') 0 1px no-repeat;
}
a.more_link {color:#273b7a;font-weight:bold;font-size:14px;}
a.more_link:hover{color:#EF8C08;text-decoration:none;}

.aux_link {
padding:0 0 0 12px;
background:url('../images/img_more_link.png') 0 1px no-repeat;
}
a.aux_link a{color:#273b7a;}
a.aux_link:hover{color:#EF8C08;text-decoration:none;}

.email_link {padding:0 0 0 14px;background:url('../images/img_email_link.png') 0 2px no-repeat;}
a.email_link a{color:#273b7a;}
a.email_link:hover{color:#EF8C08;text-decoration:none;}

.info {
font-size:16px;
color:black;
font-weight:bold;
float:left;
width:400px;
height:auto;
line-height:16px;
margin:10px;
padding:0 15px;
height:auto;
}
.error {
padding:2px 0 2px 18px;
font-weight:bold;
color:red;
background:#fff url('../images/icon_error.png') top left no-repeat;
}