/**
*	Global styles for PWeb
**/

body
{
	/*color: #666;*/
	font-family: Arial,Helvetica,sans-serif;
	/* font-size: 12.8px;
	line-height: 1.5;*/
	 color: #333;
   /* font-family: 'agendamedium';*/
    font-weight: normal;
    font-size: 100%;
    line-height: 1;
    background: #333;
}

a { text-decoration: none; color: #666 }
a:hover { text-decoration: underline; color: #004ca0; }

/* Form elements */

/* 27Jan2010: change size to 11.99px 
- original is 11px
-height: 17px change to 20px*/
.form_selector
{
	height:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.99px;
	font-weight: normal;
	color: #666666;
	padding: 0;
}

/* Layout */
/*.wrapper { width: 980px; margin: 0 auto; }*/
.wrapper { width: 1180px; margin: 0 auto; }
/*#header{border-bottom:1px solid #bbb;margin:0 20px;padding:10px 0 0;}*/
#header{border-bottom:1px solid #bbb;margin:0 0px;padding:0px 0 0;}
#header-left{float:left;width:70%;}
#header-right
{
	float: right;
	display: inline;
	width: 220px;
	font-size: 10.23px;
	margin-top: 20px;
	text-align: right;
}
#menu { /*margin: 0px 20px 10px; */}

/* 27Jan2010: change size to 12 
- original is 11px*/
/*#sidebar
{
	width: 170px;
	overflow: hidden;
	font-size: 12px;
	float: left;
	margin-right: 10px;
}
*/
.sidebar {
    float: right;
    margin-left: 40px;
    /*15px*/
}

#content
{
	clear: both;
font-family: Arial,Helvetica,sans-serif;
	/* margin:0px;
	margin: 0 20px; 
	margin-top: 0px;*/
    margin-right: 50px;
    margin-bottom: 0px;
   /* margin-left: 80px;*/
	padding-left: 50px;
    padding-right: 20px;
	min-height: 300px;
	/*width: 940px;*/
	width: 1180px;
	overflow: hidden;
}
#content .layout-1-column
{
	clear: both;
font-family: Arial,Helvetica,sans-serif;
	margin:0px;
	width: 1180px;
	overflow: hidden;	
}

#content .layout-2-column
{
	clear: both;
	margin-top: 0px; 
    margin-bottom: 0px;    
	padding-left: 50px;
    padding-right: 20px;
	min-height: 300px;
	/*width: 940px;*/
	width: 1180px;
	overflow: hidden;
}

#right-bar
{
	float: right;
	/*width: 180px;*/
	width: 280px;
	/*margin: 0;*/
	padding: 0;

}
*/
#main { font-size: 10.88px; float: left;padding-bottom: 20px; }
#main-content { float: left; }
.layout-3-column #main { width:565px; }
.layout-2-column #main-content { width: 755px; }
.layout-1-column #main-content { /*width: 940px;*/  width: 1180px; }
.layout-2nd-level #main
{
	/*width: 755px;*/
	width: 1180px;
}


/* Header */
#site-logo-container,#site-logo { float: left; position: relative; z-index: 100; }
/*#site-welcome { position: relative; padding: 23px 15px 0 5px; float: left; }*/
#site-welcome { position: relative; padding: 8px 10px 0 2px; float: left; }
#site-welcome .drop-arrow { padding-bottom: 0px; }
#site-welcome a { text-decoration: none; }
#site-animation{ float: right; position: relative; top:-10px; width:280px; }
h1#uob-logo a{text-indent:-9999px;display:block;width:130px;background:url('/assets/images/common/UOB-logo.jpg') no-repeat;height:45px;}
h3#welcome-text{text-indent:-9999px;display:block;width:125px;background:url('/assets/images/common/text_welcome-to-uob-singapore.gif') no-repeat;height:15px;}
#site-logo a { display: block; }

/* Main menu */
/*
#main-menu ul li a{color:#006699;font-weight:bold;display:block;border-bottom:2px solid #46699F;line-height:25px;}
#main-menu ul li a:hover{border-bottom:2px solid #990000;}
#main-menu ul li { float: left; font-size: 12px; }
#main-menu ul#banking-section li { margin: 5px 0 6px 10px; }
#main-menu ul#banking-section li.main-selected { margin-top: 9px; margin-bottom: 0; }
#main-menu ul li#personal-banking { width:135px; margin-left:0;  }
#main-menu ul li#business-banking { width:122px; }
#main-menu ul li#corporate-banking { width:207px; }
#main-menu ul li#investor-relations { width:122px; }
#main-menu ul li#about-uob { width:94px; }
#main-menu ul#banking-type { float:right; }
#main-menu ul#banking-type li { margin:0 5px; padding:5px 5px 0 0; font-size:12px; }
#main-menu ul#banking-type li#private-banking { margin-right:0; }
#main-menu ul#banking-type li a { color:#000; display:block; border-bottom:none !important; background:url('/assets/images/common/buttons/btn_bg_off_PBanking.gif') no-repeat bottom; padding-bottom: 5px; }
#main-menu ul#banking-type li a:hover { background:url('/assets/images/common/buttons/btn_bg_on.gif') repeat-x bottom; }
#main-menu ul#banking-type li.main-selected { padding-top: 8px;}
#main-menu ul#banking-type li.main-selected a { background: none; line-height:18px; padding-bottom: 2px; }
#main-menu ul#banking-type li.main-selected a:hover { background: none; }

#main-menu a:hover { text-decoration: none; }
#main-menu ul li.main-selected{ border-bottom: 10px solid #990000; }
#main-menu ul li.main-selected a, #main-menu ul li.main-selected a:hover { border-bottom: none; line-height: 18px; padding-left: 5px; padding-bottom:1px; }
*/

/* 27Jan2010: change size to 12 
- original is 11px*/
#sub-menu
{
	background: #990000;
	color: #fff;
	font-size: 12px;
	padding: 5px 0;
	clear: left;
	overflow: auto;
}
#sub-menu a{color:#ffffff;padding:0 3px 0px; 3px;}
#sub-menu a:hover{color:#ccc;text-decoration:underline; padding-top:0px;}
#sub-menu ul { overflow: auto; width: 100%; }

/* 27Jan2010: change size to 12 
- original is 11px*/
#sub-menu ul li { float: left; text-align: center; font-size: 12px; /*line-height: 1.5;*/ }

#sub-menu
{
	height: 20px;
}


/* Subheader - 3rd level pages */
/*.layout-1-column #subheader { width: 940px; }*/

.layout-1-column #subheader { width: 1180px; }

.layout-2-column #subheader { width: 755px; }

#subheader
{
	width: 755px;
	float: left;
	margin-bottom: 0px;
	padding-top: 10px;
    	padding-bottom: 10px;
}
#subheader h1
{
	font-weight: normal;
	font-size: 22px;
	color: #006;
	/*width: 450px;*/
	width: 755px;
	float: left;
	margin: 0px 5px 0px 0;
	padding: 5px 5px 5px 2px;
}

/* 27Jan2010: change size to 12.33 
- original is 11.33px*/
#subheader #breadcrumbs
{
	float: right;
	text-align: right;
	font-size: 12.33px;
	width: 290px;
	margin-top: 5px;
	line-height: 1.25;
}
#subheader #breadcrumbs div { font-weight: bolder; }
#subheader #breadcrumbs li
{
	display: inline;
	margin: 0 0 0 1px;
	padding: 0 0 0 11px;
	background: transparent url(/assets/images/common/list-items/bullet_2.gif) no-repeat scroll left 1px;
}
#subheader #breadcrumbs li.top-level
{
	background: none;
	margin: 0;
	padding: 0;
}


/* Sidebar */
.layout-1-column #sidebar, .layout-2nd-level #sidebar { display: none; }
#sidebar ul {padding:0;}
#sidebar ul ul {padding:0 0 0 10px;}
#sidebar ul li.collapsed{background:url('/assets/images/common/icon/icon_collapse.gif') no-repeat;background-position:0 5px;}
#sidebar ul li.expanded{background:url('/assets/images/common/icon/close.gif') no-repeat;background-position:0 5px;}
#sidebar ul li{background:url('/assets/images/common/icon/icon_arrow_left.gif') no-repeat;background-position:2px 6px;}
#sidebar ul li.hidden{display:none;}
#sidebar .sidebar-panel{padding:0 5px;margin-bottom:2em;}
#sidebar a { display: block; padding-left: 10px; color: #666; }
#sidebar a:hover { color: #069; text-decoration: underline; }
#sidebar a.title, #sidebar a.title:hover { font-weight: bold; }
#sidebar #showmore a { margin-right:13px; padding-left:2px;}
/* 27Jan2010: change size to 12.25 
- original is 11.25px*/
#sidebar h4{border-bottom:2px solid #004F9E;color:#666;font-size:12.25px;font-weight:bold;margin:5px;}
#gold_silver .hidden{font-size:8.5px;}
#sidebar ul li.leftmenu-title{background:url('/assets/images/common/icon/icon_arrow_left.gif') no-repeat;background-position:2px 6px;}


/* Footer */
#footer-links { border-top: 1px solid #8c8c8c; margin: 0 20px; color: #333; font-weight: bold; overflow: auto; font-size: 11.33px}
#footer-links ul { padding-top: 20px; }
#footer-links ul li { float: left; text-align: center; }
#footer-links a { color:#333; padding:0 5px; font-weight:normal; }
#footer-links a:hover{color:#02236A;text-decoration:underline;}
#footer-about { float: left; }
#footer-privacy { float: right; }
#footer-privacy a { padding: 0 10px; }
#footer-copyright{clear:both;text-align:center;padding:10px 10px; font-size: 11.33px;}

/* language selector panel, default positioning */
#lang-panel { float: left; color: #aaa; font-size: 11.30px; display: none; }
#lang-panel span { border-left: 1px solid #aaa; padding: 0 1px 0 5px; }
#lang-panel .desc { font-style: italic; border-left: none; }
#lang-panel .first { border-left: none; }
#lang-panel .selected { font-weight: bold; }
#lang-panel a { color: #aaa; }

/* lang selector, positioned next to UOB logo */
#lang-panel-container #lang-panel
{
	position: absolute;
	/*top: 27px;*/
	/*top: 10px;*/
	top: 35px;
	width: 300px;
	z-index: 100;
	display: block;
	padding-left: 10px;
}
#lang-panel-container #lang-panel .desc { display: none; }

#lang-panel-container { position: relative; float: left; }

/* breadcrumbs */
#current-breadcrumbs, #current-breadcrumbs a{color:#003366;}

/* main */
#page.wrapper { font-size: 12.8px; }
#inner-page { min-height: 600px; height: auto; }
#footer.wrapper { font-size: 11x; padding: 100px 0 0; }
body #page.compact #footer.wrapper { padding: 0; }

/* Content area */
#main-content
{
}
.published-content
{
	background: white;
	/*border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;*/
}

.layout-1-column .published-content
{
padding-right:80px;
}


.published-content .utility-bar
{
	text-align: right;
}
.layout-3-column .published-content
{
	width: 560px;
}
.layout-2-column .published-content
{
	width: 755px;
	 float: left; 
}

/* Dropdown menu */
#dropmenudiv
{
	position:absolute;
	border:1px solid black;
	border-bottom-width: 0;
	line-height:18px;
	/*z-index:100;*/
	z-index: 3000;
	font-size: 11.33px;
}
#dropmenudiv a
{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 1px 0;
	text-decoration: none;
	background-color:#FFFFFF;
	font-weight: bold;
	color:#666666;
}
#dropmenudiv a:hover
{
	background-color: #F4F4F4;
	color:#004CA0;
}

/* Right-bar */
/*.layout-2-column #right-bar, .layout-1-column #right-bar { display: none; }*/
.layout-1-column #right-bar { display: none; }
#right-bar
{
	float: right;
	/*width: 180px;*/
	width: 280px;
	margin-top: -25px;
    margin-right: 30px;
	
}
#right-bar h3
{
	/*width: 180px;*/
	width: 280px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 2px solid #004F9E;
	font-size: 13.33px;
	font-weight: bold;
	color: #666;
}
#right-bar .right-panel
{
	margin: 0 0 20px;
}
/*
#right-bar .right-panel.freeform, #right-bar .right-panel.ssi
{
padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:0px;
}
*/
#right-bar .right-panel.freeform, #right-bar .right-panel.ssi
{
	padding: 0px;
	line-height: 20px;
}
#right-bar #UOB-assist
{
	margin: 0 0 20px;
}
#right-bar #UOB-assist .title
{
	height: 60px;
	background: transparent url('/assets/images/personalHome/uob-assist.gif') no-repeat top center;
	text-indent: -9999px;
}
#right-bar .hidden
{
	display: none;
}
#right-bar a.morelink
{
	display: block;
	text-align: right;
	text-decoration: underline;
}

/* 27Jan2010: change width to 180px 
- original is 160px*/
#right-bar .form_selector
{
	width: 180px;
}
#right-bar #Uniplus div
{
	background:  #034DA2;
	color: #A6D5FF;
	text-align: center;
	font-size: 11.33px;
}
#right-bar #Uniplus h4
{
	margin: 0;
	padding: 5px 0 0;
}
#right-bar #Uniplus table, 
#right-bar #Uniplus tr, 
#right-bar #Uniplus td
{
	border-collapse: collapse;
	line-height: 12px;
}
#right-bar #Uniplus table
{
	width: 100%;
	border: none collapse;
	margin: 5px 0;
	font-size: 9px;
	color: #666;
}
#right-bar #Uniplus th
{
	background: #B3B1B2;
	padding: 3px;
}
#right-bar #Uniplus td
{
	background: #D8E9F1;
	padding: 5px;
	border: 1px solid #b3b1b2;
}

/* 27Jan2010: change size to 12.33 
- original is 11.33px*/
#right-bar #currency-converter
{
	font-size: 12.33px;
}

/* 27Jan2010: new class*/
#right-bar #currency-converter .form_selector
{
	width: 160px;
}

#right-bar #currency-converter form
{
	background: #D8E9F1 url('/assets/images/tools_app/Currencyconverter_BG.jpg') no-repeat bottom center;
	margin: auto;
	padding: 0 5px;
	width: 164px;
}
#right-bar #currency-converter form img
{
	margin-top: 15px;
}
#right-bar .portlet .img-banner
{
	text-align: center;
}
#right-bar .portlet .img-banner img
{
	border: none;
}

.textredbold{color:#FF0000; font-weight:bold;}

.no-link-main-menu {color:#D5D5D5;font-weight:bold;display:block;border-bottom:2px solid #46699F;line-height:25px;}

.portlet .right-panel{
font-size: 12px;
}

.whitebold12{
	font-weight:bold;
	color:#ffffff;
	font-size:12px;
}

/* CNY styles */
.maroon_text{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;color:#990000;}
.maroon_subtitle{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;color:#990000;}

/* to remove the site-flash */
/*#site-flash{
width:280px;
height:59px;
}*/

.sidebar {
	float: right;
	margin-left: 40px; /*15px*/
}
.sidebar-content {
	width: 280px;
	height: 165px;
	margin-bottom: 10px;
	padding: 30px 0;
	background-color: #eee;
	text-align: center;
}
.sidebar-content > p { padding-bottom: 10px;}
.sidebar-content a, .sidebar-content a:hover { 
	display: inline-block;
	min-width: 100px;
	font-size: 20px;
	color: #00205b;
	text-decoration: none;
}
.sidebar-content a:hover, .sidebar-content a:hover span{
	text-decoration: underline;
}
/*.sidebar-content > p > a > img { height: 50px;}*/
.sidebar-content span {
	display: inline-block;
	color: #333;
	font-size: 16px;
	font-family: 'agendaregular';
}
.nova-anchor-menu.stickyBar {
	padding: inherit;
}
.nova-anchor-menu.stickyBar.sticky {
	left: auto;
	right: auto;
	padding: inherit;
}

#masthead{padding-bottom:10px;}