/* start reset http://meyerweb.com/eric/tools/css/reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end of reset */

.clear { clear: both; }

body {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#container {
width: 960px;
min-height: 800px;
margin: 0 auto;
}

#header {
position: relative;
width: 100%;
height: 100px;
background: url(../images/bg_header.jpg) no-repeat #013066;
}

#logo {
position: absolute;
right: 20px;
top: 20px;
}

#nav {
color: #ccc;
position: absolute;
left: 0;
top: 0;
width: 391px;
height: 25px;
background: url(../images/bg_nav.png) repeat-y;
margin: 0;
padding: 0;
}

#nav ul {
list-style: none;
float: left;
margin: 2px 0 0 0;
padding: 0;
}

#nav li {
list-style: none;
float: left;
display: inline;
margin: 0 0 0 15px;
}

#nav a {
font-size: 11px;
color: #CCC;
text-decoration: none;
}

#nav a:hover {
color: #FFF;
text-decoration: underline;
}

#menu {
position: relative;
width: 100%;
height: 35px;
background-color: #fab60f;

}

#menu-inner {
position: absolute;
top: 1px;
width: 100%;
height: 33px;
background: url(../images/bg_menu.jpg) repeat-y;
}

/*
#menu ul {
width: 100%;
list-style: none;
float: left;
margin: 0 0 0 0;
padding: 0;
}

#menu li {
list-style: none;
float: left;
display: inline;
}

#menu a {
color: #013066;
font-weight: bolder;
text-decoration: none;
float: none !important;
float: left;
display: block;
text-align: center;
margin: 0;
padding: 7px 0 0 0;
width: 137px;
height: 26px;
}

#menu a:hover { color: #fff; }
*/

#banner {
position: relative;
width: 100%;
height: 300px;
padding: 0;
margin: 0;
background: #F6FAFD;
border-bottom: 1px solid #fff;
overflow: hidden;
}

#banner a { text-decoration: none; }

ul#switcher {
position: absolute;
margin: 0;
padding: 0;
right: 255px;
top: 25px;
list-style: none;
}

ul#switcher li {
margin: 0 0 2px 0;
padding: 0;
list-style: none;
}

ul#switcher span {
font-size: 9px;
color: #5a6767;
border: 1px solid #5a6767;
text-align: center;
padding: 2px 4px 2px 4px;
}

.ui-tabs-selected span{
background-color: #FFF;
color: #5a6767 !important;
}

.ui-tabs-hide { display: none; }

#shadow{
position: absolute;
top: 0px;
right: 0px;
width: 240px;
height: 570px;
background: #afafaf;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

  /* IE 5-7 */
  filter: alpha(opacity=60);

  /* Netscape */
  -moz-opacity: 0.6;

  /* Safari 1.x */
  -khtml-opacity: 0.6;

  /* Good browsers */
  opacity: 0.6;
}

#box-wrapper {
position: absolute;
top: 8px;
right: 0px;
width: 240px;
height: 570px;
/*background: url(../images/bg_box.png) repeat; --Modify 14/11/2011*/
z-index: 1000;
}

#box-shadow {
/*background: url(../images/box_shadow.png) no-repeat; --Modify 14/11/2011*/
MARGIN: 0px 0px 0px 15px; WIDTH: 210px;
}

#box {
margin: 0;
padding: 4px;
position: relative;
border: #FDFDFD 1px solid;
/*Modify 14/11/2011*/
behavior: url(images/2011/border-radius.htc);-moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; background-color:#F4F4F4;
}

#box-top {
/*background: url(../images/box_top.png) no-repeat; --Modify 14/11/2011*/
position: relative;
width: 200px;
height: 33px;
}

#box-bottom {
/*background: url(../images/box_bottom.png) no-repeat; --Modify 14/11/2011*/
width: 210px;
height: 10px;
position:relative;
top: 10px;
}

#box-upper {
/*background: url(../images/box_upper.jpg) repeat-x; --Modify 14/11/2011*/
width: 196px;
height: 200px;
border-bottom: #fff 1px solid;
top: 8px;
border:2px solid #B5B5B5;
behavior: url(images/2011/border-radius.htc);
-moz-border-radius: 2px; -webkit-border-radius: 2px;
-khtml-border-radius: 2px; border-radius: 2px; 
background-color:#E6E6E6;
}

#box-upper p {
/*padding: 0 30px 10px 30px;
color: #013066;
text-align: center;
font-size: 11px;
line-height: 120%; --Modify 14/11/2011*/
}

#box-lower {
/*background: url(../images/box_lower.jpg) repeat-x;
text-align: right;  --Modify 14/11/2011*/
width: 200px;
height: 28px;
position: relative; 
top: 2px;
}

#box-lower img { 
/*position:absolute; top:3px;
margin: 10px 10px 0 0;  --Modify 14/11/2011*/
}

#box-line{
position:absolute;
top:150px;
left:8px;
width:193px;
border-top: 2px solid #B5B5B5;
}

.box-title{
width: 45%;
float: left;
margin-top: 38px;
margin-left: 4px;
}

.box-button{
float: right;
padding: 0;
margin: 0;
margin-top:-45px;
margin-right:-60px;
}

.box-button li{
list-style:none;
padding-top: -5px;
}

#box ul {
list-style: none;
margin: 5px 20px 0;
}

#box li {
margin: 0 0 3px 0;
padding: 0; list-style: none;
}

#box a {
color: #FFF;
font-weight: bold;
width: 170px;
height: 23px;
display: block;
text-align: center;
padding-top: 3px;
}
#box a:hover { color: #0F2B5B; }

#block-wrapper {
border-bottom: 1px solid #dcecf6;
height: 257px;
background: url(../images/bg_block.jpg) repeat-x;
}

#block-left {
float: left;
height: 256px;
width: 239px;
position: relative;
border-right: 1px solid #dcecf6;
overflow: hidden;
}

#form-tools { padding: 10px; }

.text-middle { vertical-align: middle; }

.input-text {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
padding: 3px;
background: #fff;
border: 1px solid #969696;
width: 182px;
}

label {
display: block;
color: #004e89;
margin-top: 5px;
}

.input-select {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
padding: 2px;
background: #fff;
border: 1px solid #969696;
width: 190px;
}

.input-submit {
background: url(../images/btn_go.png) no-repeat;
width: 25px;
height: 22px;
text-indent: -10000px;
letter-spacing: -10000px;
border: none;
margin: 0;
padding: 0;
vertical-align: bottom;
cursor: pointer;
}

#block-center {
float: left;
width: 479px;
height: 256px;
border-right: 1px solid #dcecf6;
overflow: hidden;
}

#block-right {
float: right;
height: 256px;
width: 239px;
border-right: 1px solid #dcecf6;
margin-top: 1px;
background: url(../images/mandiri_promotion.jpg) no-repeat;
overflow: hidden;
}

.block-header {
height: 35px;
width: 100%;
background: #cee4f3;
margin-top: 1px;
}

.block-header h2 {
color: #004e89;
font-weight: bolder;
padding: 7px 0 0 10px;
}

ul#tab-latest-info { float: left;
margin: 0;
padding: 0 0 0 0;
list-style: none;
width: 479px;
height: 35px;
margin-top: 1px;
color: #004e89;
font-weight: bolder;
background: #cee4f3;
}

ul#tab-latest-info li {
list-style: none;
float: left;
display: inline;
}

ul#tab-latest-info a {
color: #004e89;
font-weight: normal;
text-decoration: none;
float: none !important;
float: left;
display: block;
text-align: center;
margin: 0;
padding: 7px 0 0 0;
height: 28px;
width: 137px; }

#tab-1 a:hover, #tab-2 a:hover, #tab-3 a:hover {
text-decoration: underline;
}

ul#tab-latest-info a span { padding: 5px; }

ul#tab-latest-info .ui-tabs-selected a {
background: url(../images/bg_tab_active.jpg) repeat-x;
font-weight: bolder !important;
}

.tab-content { padding: 15px; }

#info-left { float: left; width: 120px; display: inline; }
#info-right { float: right; width: 310px; display: inline; }

#tbl-latest-info { width: 310px; font-size: 11px; }
	#tbl-latest-info td { padding-bottom: 5px; line-height: 140%; }
	#tbl-latest-info .date { color: #4E668A; padding-right: 10px; }

ul.ebanking { margin: 0; padding: 0; list-style: none; font-size: 11px; }
	ul.ebanking li { margin: 0 0 2px 0; padding: 0; list-style: none; }
	ul.ebanking li a { padding: 0 0 0 15px; background: url(../images/arrow_list.gif) no-repeat 0 2px; }
ul.corporate-info { margin: 0; padding: 0; list-style: none; width: 150px; float: left; display: inline; font-size: 11px; }
	ul.corporate-info li { margin: 0 0 2px 0; padding: 0; list-style: none; }
	ul.corporate-info a.head { font-weight: bold; display: block; }
		ul.corporate-info ul li a { padding: 0 0 0 15px; background: url(../images/arrow_list.gif) no-repeat 0 5px; }

#block-center a {
text-decoration: none;
color: #0f2b5b;
}

#img-reflection {
background: url(../images/bg_reflection.png) no-repeat 0 90px;
width: 120px;
height: 127px;
}

#footer { clear: both; height: 110px; display: block; position: relative; }
	#footer .contact { position: absolute; top: 25px; left: 10px; }
	#footer .slogan { position: absolute; top: 27px; right: 10px; }
	#footer .copyright { position: absolute; top: 80px; left: 10px; font-size: 11px; color: #CCC; }
	#footer .program-bi { position: absolute; top: 70px; right: 10px; }
	
/* jcarousel */
#jcarousel { margin-top: 1px; }
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 155; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 150; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 240px; height: 220px; }
.jcarousel-next { z-index: 160; display: none; }
.jcarousel-prev { z-index: 160; display: none; }
.jcarousel-skin-product .jcarousel-container { margin: 35px 0 0 0;  }
.jcarousel-skin-product .jcarousel-container-horizontal { width: 240px; padding: 0px; }
.jcarousel-skin-product .jcarousel-clip-horizontal { width: 240px; height: 220px; }
.jcarousel-skin-product .jcarousel-item { width: 240px; height: 220px; }
.jcarousel-skin-product .jcarousel-item-horizontal { margin: 0; }
.jcarousel-skin-product .jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-skin-product .jcarousel-next-horizontal { position: absolute; top: -25px; right: 10px; width: 15px; height: 20px; cursor: pointer; background: transparent url(../images/right.png) no-repeat 0 0; }
.jcarousel-skin-product .jcarousel-next-horizontal:hover { background-position: 0 0; }
.jcarousel-skin-product .jcarousel-next-horizontal:active { background-position: 0 0; }
.jcarousel-skin-product .jcarousel-next-disabled-horizontal,
.jcarousel-skin-product .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-product .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 0px 0; }
.jcarousel-skin-product .jcarousel-prev-horizontal { position: absolute; top: -25px; right: 25px; width: 15px; height: 20px; cursor: pointer; background: transparent url(../images/left.png) no-repeat 0 0; }
.jcarousel-skin-product .jcarousel-prev-horizontal:hover { background-position: 0 0; }
.jcarousel-skin-product .jcarousel-prev-horizontal:active { background-position: 0 0; }
.jcarousel-skin-product .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-product .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-product .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0px 0; }


/* superfish */

/* make the superfish menu appear on top */
#menu { z-index: 200; }
#content-wrapper, #box-wrapper { z-index: 1; }
#content-wrapper { border-top: 1px solid #fff; }

/* only apply to first level links */
.sf-menu > li > a {
font-size: 12px !important;
text-align: center;
line-height: 33px;
height: 33px;
margin: 0;
padding: 0 5px 0 15px;
border: none;
}

/* the rest of the links */
.sf-menu li a {
color: #013066 !important;
font-size: 11px;
font-weight: bold !important;
}

.sf-menu li li a { line-height: 120%; }

/* first level hover */
.sf-menu > li > a:hover {
color: #fff !important;
}

/* first level */
.sf-menu > li {
background: none !important;
}

/* second level */
.sf-menu li li {
background: #FFCC00 !important;
}

/*third level */
.sf-menu li li li {
background: #ffAA00 !important;
}

/*fourth level */
.sf-menu li li li li {
background: #ff9900 !important;
}

/* remove arrow for first level links */
.sf-menu > li > a > .sf-sub-indicator {
background: none;
}

.sf-menu > li > a.sf-with-ul {
/* padding-right: 	0; */
/* trigger IE7 hasLayout so spans position accurately */
min-width:		1px;
}

/* set hover color */
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active {
background:	#FFAA00 !important;
outline: 0;
color: #FFF !important;
}

.sf-menu li li li:hover, .sf-menu li li li.sfHover,
.sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li li a:active {
background:	#FF9900 !important;
outline: 0;
color: #FFF !important;
}

/* no background for first level links */
.sf-menu > li:hover, .sf-menu > li.sfHover,
.sf-menu > li > a:focus, .sf-menu > li > a:hover, .sf-menu > li > a:active {
background:	none !important;
outline: 0;
}


/* inside */

#content {
float: left;
width: 100%;
min-height: 730px;
height: auto !important;
height: 730px;
padding-bottom: 1px;
border-bottom: 1px solid #D0E5F3;
}

/* equal height columns made possible by dynamic drive script - equal-columns.js */
#column-content {
margin: 0 250px 0 240px; /* Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth */
border: 1px solid #C7E0F1;
border-top: 1px solid #C7E0F1;
border-right: none;
border-left: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 18px 13px 18px 13px;
min-height: 465px;
font-size: 11px;
color: #666;
border-bottom: none;
}

#column-content p {
margin-bottom: 10px;
line-height: 1.5em;
}
#column-content p.catatan { color: #999; font-size: 10px; text-align: center; padding: 10px 0 0 0; }

#column-content a { color: #1c6296; text-decoration: none; }
#column-content a:hover { color: #FF9900; text-decoration: none; }

p#breadcrumb { color: #999; }
p#breadcrumb a { text-decoration: none; color: #999; }
p#breadcrumb a:hover { text-decoration:underline; }

#column-content h1 {
display: block;
border-bottom: 1px solid #f5f5f5;
font-size: 24px;
color: #1c6296;
padding-bottom: 7px;
font-weight: normal;
margin-bottom: 10px;
line-height: 110%;
}

#column-content h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #f77f00;
padding: 0;
margin: 10px 0 10px 0;
}

#column-content h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #004e89;
padding: 0;
margin: 10px 0 5px 0;
}

#column-content h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #f77f00;
padding: 0;
margin: 10px 0 0 0;
}

#column-content span.tanyajawab {
font-weight: bold;
color: #004e89;}

#column-content ul.pinjamanMandiri {margin-left:30px;}
#column-content ul.asuransiMandiri {margin-left:30px;}
#column-content ul.giroMandiri {margin-left:30px;}
#column-content ul.list-deposito-Mandiri {margin-left:30px;}
#column-content ul.list-debit-Mandiri {margin-left:30px;}

#column-content .depositoMandiri { margin-left: 30px;}
#column-content .box-pinjaman-mandiri { background-color:#F1F1F1; padding: 10px; }
#column-content .box-asuransi-mandiri { background-color:#F1F1F1; padding: 10px; }

#column-content .box-intro { background: #F7FAFD; border: 1px solid #E3F0F8; padding: 10px; display: block; }
	#column-content .box-intro p { margin: 0; padding; 0; }
	#column-content .box-intro h3 { margin-top: 0; }

#column-content td {
vertical-align: middle;
}

#column-content ul {
list-style: disc;
margin: 10px 0 10px 15px;
padding: 0;
}

#column-content ul ul {
list-style: circle;
margin: 10px 0 10px 15px;
padding: 0;
}

#column-content ul ul ul {
list-style: square;
margin: 10px 0 10px 15px;
padding: 0;
}

#column-content ul li {
margin: 0;
padding: 0;
}

#column-content ol
{
list-style-type: decimal;
margin: 10px 0 10px 18px;
padding: 0;
}

#column-content ol li {
margin: 0;
padding: 0;
}

#column-content ol ol { list-style-type: lower-alpha; margin: 0 0 0 20px;
padding: 0; }

#column-content ol ol ol {
list-style: lower-roman;
margin: 10px 0 10px 15px;
padding: 0;
}

#column-content ol.lower-roman
{
list-style-type: lower-roman;
margin: 10px 0 10px 30px;
padding: 0;
}
#column-content ol.upper-roman
{
list-style-type: upper-roman;
margin: 10px 0 10px 30px;
padding: 0;
}
#column-content ol.lower-alpha
{
list-style-type: lower-alpha;
margin: 10px 0 10px 30px;
padding: 0;
}
#column-content ol.upper-alpha
{
list-style-type: upper-alpha;
margin: 10px 0 10px 30px;
padding: 0;
}
#column-content ol.none
{
list-style-type: none;
margin: 10px 0 10px 30px;
padding: 0;
} 

#column-left {
float: left;
width: 239px; /* Width of left column in pixel */
margin-left: -960px; /* Set margin to that of -(MainContainerWidth) */
background: url(../images/bg_col_left.png) repeat-x #f7fafd;
border: 1px solid #D0E5F3;
border-top: 1px solid #C7E0F1;
border-right: 1px solid #C7E0F1;
}

#column-right {
float: right;
width: 249px; /* Width of right column */
margin-left: -250px; /* Set left margin to -(RightColumnWidth) ----------- IE6-7 set to 296px */
border: 1px solid #D0E5F3;
border-top: 1px solid #C7E0F1;
border-left: none;
}

#column-left .content { padding: 18px 20px 18px 20px; }

#column-right .content { padding: 18px 0 0 0; }

/*#column-right form, #column-right #form-server {
	width: 222px;
	padding: 5px 8px 20px 8px;
	background: url(../images/bg_block.jpg) repeat-x;
	border: 1px solid #C7E0F1;
	margin-top: 10px;
}*/
#useful-tools, #column-right #form-server {
	width: 222px;
	padding: 5px 8px 20px 8px;
	background: url(../images/bg_block.jpg) repeat-x;
	border: 1px solid #C7E0F1;
	margin-top: 10px;
}

#useful2-tools {width:222px;background:url(../images/bg_block.jpg) repeat-x;border:1px solid #C7E0F1;margin-top:10px;padding:5px 8px 20px;font-size:11px}

#column-left h2 { color: #fff; padding: 7px; background: #0f2b5b; }

#addinfo .inner { padding: 10px 10px 0 10px; color: #004e89; line-height: 150%; font-size: 11px; border-bottom: 1px solid #d2e4ef; }
	#addinfo .inner p { margin: 0 0 10px 0; padding: 0; }
	#addinfo .inner a { color: #004e89; font-weight: bold; text-decoration: none; }
	#addinfo .inner a:hover { color: #000; }
	
#menu-left h2, #addinfo h2 {
	background: #d2e4ef;
	color: #004e89;
}

#menu-left a {
	text-decoration: none;
	border-bottom: 1px solid #d5e8f5;
	color: #004e89;
	font-size: 11px;
	display: block;
	width: 189px;
	min-height: 20px;
	margin: 0;
	padding: 5px;
}

/* first level links */
#menu-left > ul > li > a {
padding-left: 5px;
background: url(../images/arrow_down.jpg) no-repeat 180px 13px;
}

/* second level */
#menu-left li li a {
padding-left: 20px;
width: 174px;
}

/* third level */
#menu-left li li li a {
padding-left: 35px;
width: 159px;
}

#menu-left li a:hover { background: #FFF !important; }

#menu-left li {
background: #e3f0f8;
}

#menu-left a.active {
font-weight: bolder;
}

#menu-left > ul > li > a.active {
color: #fff;
font-weight: normal;
background: url(../images/arrow_up.jpg) no-repeat 180px 13px #0f2b5b;
}

#menu-left li li {
background: #F2F8FB;
}

/* accordion */
.accordion {
margin: 0;
padding: 0;
width: 200px;
}

#menu-left h2 {
background: #d2e4ef;
color: #004e89;
}

#menu-left a {
text-decoration: none;
border-bottom: 1px solid #d5e8f5;
color: #004e89;
font-size: 11px;
display:block;
margin: 0;
padding: 5px 5px 5px 10px;
}

/* top level links */
#menu-left a.menuitem {
background: #e3f0f8;
width: 185px;
position: relative;
}

/* currently collapsed top level link */
a.headeractive {
color: #fff !important;
background: #0f2b5b !important;
width: 184px !important;
}

/* top level links on hover */
.accordion a.menuitem:hover {
color: #fff !important;
background: #0f2b5b !important;
width: 184px !important;
}

/* submenu */
.submenu li a {
padding-left: 20px !important;
width: 174px !important;
background: #f2f8fB !important;
}

.submenu a.subheader {
font-weight: bolder;
padding-left: 15px !important;
width: 179px !important;
}

/* up-down arrows */
.accordion a.menuitem .statusicon {
position: absolute;
top: 12px;
right: 10px;
border: none;
}

.accordion div.submenu ul {
list-style-type: none;
margin: 0;
padding: 0;
}

/* landing */
#landing-image {
float: left;
width: 720px;
height: 300px;
position: relative;
}

#landing-title {
position: absolute;
bottom: 0;
left: 0;
width: 720px;
background: url(../images/bg_landing_title.png) repeat;
}

#landing-main h1 {
font-size: 30px;
color: #fff;
padding: 10px 10px 15px 10px;

}

#landing-box {
float: right;
width: 240px;
height: 300px;
background: url(../images/bg_landing_box.jpg) no-repeat;
}

#landing-box .content {
height: 250px;
color: #333;
text-align: center;
line-height: 180%;
}

#landing-block-wrapper {
float: left;
width: 719px;
background: url(../images/bg_landing_block.jpg) repeat-x;
font-size: 11px;
}

#landing-block-wrapper .block {
float: left;
width: 239px;
/*height: 239px;*/
/*border-right: 1px solid #cde3f3;*/
/*border-bottom: 1px solid #dcecf6;*/
position: relative;
}

.block-row {
/*background: url(../images/bg_block.png) repeat-y;*/
width: 720px;
float: left;
border-top: 1px solid #dcecf6;
}

#landing-block-wrapper .block h2 {
color: #333;
font-size: 14px;
border-bottom: 1px solid #daebf6;
font-weight: bold;
padding: 0 0 5px 0;
margin: 0 0 5px 0;
line-height: 110%;
}

#landing-block-wrapper .block .content {
padding: 15px;
}

#landing-block-wrapper li {
margin: 3px 0 0 0;
padding: 0 0 0 15px;
background: url(../images/arrow_list.gif) no-repeat 0 5px;
}

#landing-block-wrapper a {
text-decoration: none;
color: #004e89;
}

#landing-block-wrapper a:hover {
text-decoration: underline;
}

#landing-sidebar {
float: right;
width: 240px;
background: url(../images/bg_landing_sidebar.jpg) no-repeat;
}

.landing {
border-bottom: 1px solid #dcecf6;
background: #F0F6FB url(../images/bg_landing_wrapper.jpg) repeat-y;
}

#landing-sidebar .content {
padding: 10px 10px 15px 10px;
}

.more {
width: 80px;
height: 20px;
position: absolute;
bottom: 0;
right: 0;
background: url(../images/bg_read_more.png) no-repeat;
}

.more a {
display: block;
width: 80px;
height: 20px;
padding: 0;
margin: 0;
color: #004e89;
text-decoration: none;
text-align: center;
font-size: 11px;
/*background: url(../images/arrow_more.png) no-repeat 70px;*/
}

#landing-sidebar form {
width: 222px;
padding: 0 0 20px 0;
}

.loading { background: url(../images/spinner.gif) no-repeat center center; }
.slide-item { height: 300px; }

.tbl-view th { padding: 4px; background: #333; color: #FFF; text-align: left; vertical-align: top; }
.tbl-view td { padding: 4px; border-bottom: 1px solid #E0E0E0; vertical-align: top !important; }
	.tbl-view tr.zebra td { background: #F1F1F1; }
	
.small {
font-size: 9px;
}

#meta {
font-size: 11px;
}

.meta-date {
color: #ff9900;
}

.meta-category {
color: #004E89;
font-weight: bolder;
}

