/* General styls */
h1 { font-family:arial,helvetica,sans-serif; }
body { font-family:arial,helvetica,sans-serif; font-size:11px; font-weight:normal; padding:10px; margin:0px;  }
form { margin:0px; padding:0px; }
select { font-family:arial,helvetica,sans-serif; font-size:11px; }
td { vertical-align:top; }
img { border:none; }
a { text-decoration:none; color:black; font-weight:bold; }
a:hover { text-decoration:none; color:gray; font-weight:bold; }
input.ptextfield { border:solid 1px #cccccc; height:16px; font-family:arial,helvetica,sans-serif; font-size:11px; }
input.pbutton { background-color:#eeeeee; border:solid 1px #cccccc; color:#666666; font-size:11px; font-weight:normal; text-decoration:none; text-align:center; padding:2px; padding-left:5px; padding-right:5px; margin-left:5px; margin-right:5px; }
input.pbutton:hover { background-color:#999999; color:white; }

/* Styles for hyper links at site header */
a.head_link { margin-left:5px; margin-right:5px; font-size:11px; font-weight:bold; color:white; text-decoration:none; }
a.head_link:hover { color:yellow; }

/* Styles for page frame setting*/
div.frame_container { border:none; width:950px; padding:0px; text-align:center; background-color:white; }
div.frame_footer { border:none; width:950px; padding:0px; text-align:center; background-color:#598cc4;color:white; }

/* Styles for page layout and left side menu */
td.content_pane { width:750px; padding:0px; margin:0px; padding-bottom:10px; }
td.menu_pane { width:200px; padding:0px; margin:0px; background-color:#f1f6fb; border-right:solid 3px #598cc4;}
td.mid_pane { width:480px; padding:0px; margin:0px; background-color:white; border-right:solid 3px #598cc4;}
td.right_pane { width:260px; padding:0px; margin:0px;}
div.menu_title { background-color:#598cc4; font-weight:bold; color:white; padding:5px; }
div.menu_title_2 { background-color:#89c1ff; font-weight:bold; color:white; padding:5px; }
div.menu_body { background-color:#f1f6fb; padding:5px; padding-left:15px; text-align:left; }

ul.plist { list-style:none; padding:0px; line-height:150%; margin:0px; margin-top:0px; }
td.bordered_cell { border:solid 1px #cccccc; padding:5px; padding-top:2px; padding-bottom:2px; }

/* Icons for issuers on tips_card_management.tpl */
div.issuer_icon { float:left;width:140px;height:70px; text-align:center; }

/* Styles for content pages */
div.content_title { background-color:#598cc4; font-weight:bold; color:white; padding:5px; padding-top:3px; padding-right:10px; float:left; clear:both; height:16px; }
div.content_title_append { background-color:#f1f6fb; font-weight:bold; color:black; padding:5px; padding-left:10px; padding-right:10px; float:left; }
div.content_body { padding-top:5px; padding-left:10px; padding-right:10px; clear:both; text-align:left; }

/* Styles for displaying card list */
div.list_icon { float:left; padding-left:5px; width:90px; text-align:left; }
div.list_title { float:left; font-weight:bold; font-size:14px; margin-left:10px; margin-bottom:5px; padding-left:15px; background-image:url(/images/gen_pix/divider.gif); text-align:left; }
div.list_intro { float:left; margin-left:10px; width:610px; margin-bottom:10px; }
div.card_brief { border:solid 1px #cccccc; float:left; width:720px; margin-bottom:5px; }
div.card_name { background-color:#c1ddfc; font-weight:bold; padding:5px; border-bottom:solid 1px #cccccc; text-align:left; }
div.feature_list_pane { padding:5px;float:left;text-align:left;width:580px; }
ul.feature_list { list-style-image: url(/images/gen_pix/card-list-bullet.gif); line-height:130%; padding:0px; margin:0px; margin-left:20px; }
div.card_img_pane { padding:5px;float:left;text-align:center; }
img.credit_card { width:90px; height:57px; }

/* Styles for pages divided by sections */
div.sec_icon { float:left; padding-left:5px; width:50px; text-align:left; }
div.sec_title { float:left; font-weight:bold; font-size:14px; margin-left:10px; margin-bottom:7px; padding-left:15px; background-image:url(/images/gen_pix/divider.gif); text-align:left; width:650px; }
div.sec_header { font-weight:bold; font-size:14px; border-bottom:solid 1px #cccccc; padding-bottom:5px; margin-right:10px; }
div.sec_content { padding-top:5px; padding-bottom:10px; padding-right:10px; }

/* Styles for boxed contents */
div.content_box { float:left;text-align:left;margin-right:10px; border:solid 1px #cccccc; }
div.content_box_title { background-color:#c1ddfc; font-weight:bold; padding:3px 10px 3px 10px; border-bottom:solid 1px #cccccc; color:black; }
div.content_box_item { padding:5px; padding-right:10px; height:200px; }
div.content_box_header { font-weight:bold; margin:5px 10px 0px 10px; padding:5px 0px 3px 0px; color:black; }
div.content_box_body { clear:both; font-weight:normal; padding:5px 10px 0px 10px; color:black; }

/* Style for terminologies */
div.term { font-weight: bold; padding-top:10px; padding-bottom:3px; }