/*
--------------------------------
BANK SAFE ONLINE CSS: FORMATTING
--------------------------------
*/

/* HOME BOXES & COLUMNS */
div.col_home {font-size: 0.9em; float: left; line-height: 1.5em}
div.col_home p {margin-bottom: 1.4em; clear: left}
#col_home_1 {width: 214px;}
#col_home_2 {height: 394px; width: 346px; background: url(../images/columns/home_woman.jpg) no-repeat center bottom;}
#col_home_2 h2 {height: 37px; background: url(../images/titles/homepage.gif) no-repeat; text-indent: -9999px; margin: 30px 0 0 12px;}
#col_home_2 p {margin: 12px;}
#col_home_3 {height: 288px; width: 212px; background-color: #ededed; border: 1px solid #dadada;}
#col_home_3 h2 {height: 20px; background: url(../images/titles/current_warnings.gif) no-repeat; text-indent: -9999px; margin: 18px 9px 11px 9px;}
#col_home_3 p {margin: 0 9px 9px 9px;}
#col_home_3 a {padding-left: 12px; background: url(../images/arrow_body_warnings.gif) no-repeat 0px 2px;}

div.box_faq {background-color: #dddddd; border: 1px solid #b8b8b8; padding: 13px 8px 14px 8px; margin-top: 4px;}
div.box_faq h2 {height: 13px; background: url(../images/titles/faqs.gif) no-repeat; text-indent: -9999px; margin: 0;}
div.box_faq p {margin: 10px 0 0 0;}
div.box_faq select {width:195px; border: solid 1px #7F9DB9;}

#w3c {height: 17px; margin: 4px 0 0 0;}
#w3c a {display: block; width: 214px; height: 17px; background: url(../images/w3c_images.gif) no-repeat; text-indent: -9999px; text-decoration: none}

#report_scam {float:left; padding-top: 5px;}
#report_scam a {display: block; width: 214px; height: 47px; background: url(../images/report_a_scam.gif) no-repeat; text-indent: -9999px; text-decoration: none}

#helpful_sites {float:left; padding-top: 5px;}
#helpful_sites a {display: block; width: 214px; height: 47px; background: url(../images/helpful_sites.gif) no-repeat; text-indent: -9999px; text-decoration: none}

#col_subpage_2 {width: 560px;}
#col_subpage_2 h2 {margin: 12px; font-size: 1.6em; font-family: Verdana;}
#col_subpage_2 h3 {margin: 20px 12px 10px 0; padding-left: 12px; font-size: 1.1em;}
#col_subpage_2 h4 {font-weight: bold; font-size: 1.0em; margin: 10px 0 0 12px;}
#col_subpage_2 p {margin: 0 12px 15px 12px;}
#col_subpage_2 ol {margin: 0; padding: 0; margin-left: 35px;}
#col_subpage_2 a.landing-link {padding-left: 10px; padding-bottom: 4px; font-size: 1.1em; font-family: Verdana, Arial, Sans-Serif; background: url(../images/structure/arrow_simple.gif) no-repeat 0px 2px}

ul.landing-link {margin: 0 0 12px 12px; padding: 0; list-style: none;}
ul.landing-link li {list-style: none; margin-bottom: 15px; padding-left: 10px; padding-bottom: 4px; background: url(../images/structure/arrow_simple.gif) no-repeat 0px 4px}

div.landing-left {float:left; width:180px;}
div.landing-right {float:right; width:170px;}

/* SUBPAGE BOXES */
#subpage_boxes {width: 143px; float: right; margin-left: 15px;}

#subpage_boxes div.box {clear: both; border: solid 1px #D0D0D0; background-color: #F4F4F4; padding: 8px 2px 4px 5px; margin-bottom: 10px;}
#subpage_boxes div.box a {font-weight: normal;}
#subpage_boxes div.box h4 {margin: 0; margin-bottom: 5px;}
#subpage_boxes div.box p {margin: 0; padding: 0; margin-bottom: 8px;}

#subpage_boxes div.box_getsafe {clear: both; background-color: #00A5A5; padding: 8px 4px 8px 5px;}
#subpage_boxes div.box_getsafe a {color: #fff; font-weight: bold; }
#subpage_boxes div.box_getsafe_link {background-color: #76D4D4; padding: 4px 4px 6px 5px; margin-bottom: 10px;}
#subpage_boxes div.box_getsafe_link a {color:#002C2C}

#subpage_boxes div.box_cardwatch {border: solid 1px #8D0217; margin-bottom: 10px;}
#subpage_boxes div.box_cardwatch_text {padding: 4px 4px 6px 5px;}
#subpage_boxes div.box_cardwatch_text a {color: #000; font-weight: normal}
#subpage_boxes div.box_cardwatch_link {background-color: #FF0028; padding: 4px 4px 6px 5px;}
#subpage_boxes div.box_cardwatch_link a {color:#fff}

#related_pages {clear: both; padding: 7px 0 12px 0; margin: 0 0 15px 0px; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0;}
#related_pages h4 {font-weight: bold; font-size: 1.0em; margin: 0;}
#related_pages ul {margin: 0; padding: 0; list-style: none; margin-bottom: 0;}
#related_pages li {margin: 0; padding: 0; padding-left: 0; margin-top: 4px;}
#related_pages a {font-weight: normal; background: url(../images/columns/nav_right_arrow.gif) no-repeat 0px 4px; padding-left: 9px;}

#subpage_boxes div.external_links {width: 141px; margin: 0 0 10px 0px; border: 1px solid #d0d0d0; background-color: #f4f4f4;}
#subpage_boxes div.external_links h4 {margin: 7px; padding: 0} 
#subpage_boxes div.external_links ul {margin: 0; padding: 0; list-style: none;}
#subpage_boxes div.external_links li {margin: 0 7px 7px 7px; padding: 0;}
#subpage_boxes div.external_links a {font-weight: normal; line-height: 120%;}

div.report_scam {margin: 0 0 10px 0px; clear: both;}
div.report_scam a {display: block; width: 143px; height: 35px; background: url(../images/report_a_scam_small.gif) no-repeat; text-indent: -9999px; text-decoration: none}

div.helpful_sites {margin: 0 0 10px 0px;}
div.helpful_sites a {display: block; width: 143px; height: 35px; background: url(../images/helpful_sites_small.gif) no-repeat; text-indent: -9999px; text-decoration: none}

#col_subpage_2 div.tool_tip_container {width: 376px; margin-left: 12px; margin-top: 20px; background: url(../images/background_tool-tip-sides.gif) repeat-y top left;}
#col_subpage_2 div.tool_tip_top {display: block; width: 376px; height: 10px; background: url(../images/background_tool-tip-top.gif) no-repeat top left;}
#col_subpage_2 div.tool_tip_container p {margin: 0; margin-left: 10px; padding: 0 23px 0 41px;  background: url(../images/background_tool-tip-icon.gif) no-repeat top left;}
#col_subpage_2 div.tool_tip_bottom {display: block; width: 376px; height: 10px; background: url(../images/background_tool-tip-bottom.gif) no-repeat bottom left;}

#col_subpage_2 ul.body-list {margin: 0 0 12px 12px; padding: 0; list-style: none;}
#col_subpage_2 li.body-list {margin: 0; padding: 0; padding-left: 12px; margin-top: 4px; padding-bottom: 5px; background: url(../images/structure/arrow_dot.gif) no-repeat 0px 6px;}

/* NAVIGATION */
#col_home_1 h2.title1 {margin: 0; padding: 0; height: 21px; background: url(../images/titles/stay_informed.gif) no-repeat; text-indent: -9999px; margin-bottom: 7px;}
#col_home_1 h2.title2 {margin: 0; padding: 0; height: 21px; background: url(../images/titles/tell_us_about.gif) no-repeat; text-indent: -9999px; margin-bottom: 7px; margin-top: 32px;}
div.left_nav {background-color: #169464; background: url(../images/columns/left_col_background.gif) top left; padding: 18px 14px 16px 10px; border-bottom: solid 10px #0D3434}
div.left_nav ul {margin: 0; padding: 0; list-style: none;}
div.left_nav li {margin: 0; padding: 0; margin-top: 4px; padding-bottom: 5px; background: url(../images/columns/nav_left_dots.gif) repeat-x bottom left;}
div.left_nav a {font: bold; color: #fff; background: url(../images/columns/nav_left_arrow.gif) no-repeat 0px 2px; padding-left: 15px;}
div.left_nav li.on a {color: #93FF94; background: url(../images/columns/nav_left_arrow_on.gif) no-repeat 0px 2px;}

/* LINKS */
a.link {background: url(../images/structure/link_arrow_double.gif) no-repeat 0px 3px; padding-left: 14px; display: block; padding-top: 0px; padding-bottom: 8px;}

/* GENERAL */
p {margin: 0; padding: 0; margin-bottom: 2em;}
a {color: #266A43; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}

/* FORMS & SEARCH RESULTS */
form {margin: 0; padding: 0;}
input, textarea, select {font-family: verdana; font-size: 1em;}
input.search {border: solid 1px #474747; width: 14em; color: #939393;}
.error {color: #f00}
p.search_result_link {margin-bottom: 0.2em}

/* SITEMAP */
ul.sitemap {margin: 0; padding: 0; list-style: none; margin-left: 15px;}
ul.sitemap li {margin: 0; padding: 0; list-style: none; padding-bottom: 5px; padding-top: 4px;}
ul.sitemap li a {font-weight: normal; background: url("../images/structure/sitemap_arrow.gif") no-repeat 0px 3px; padding-left: 8px;}
ul.sitemap ul {margin-left: 30px; margin-bottom: 0; margin-top: 5px;}

/* FAQ BOX */
/*#faq_link_main {display: block; border: solid 1px #7F9DB9; background-color: #fff; color: #000; font-weight: normal; padding: 1px 2px 1px 4px; margin-top: 5px;}*/
#faq_link_main {display: block; background: url(../images/structure/faq_link_main_bg.gif) no-repeat; color: #000; font-weight: normal; padding: 1px 2px 2px 4px; margin-top: 8px;}
#faq_links {position: absolute; left: 0; top: 0; width: 550px; background-color: #fff; border: solid 1px #000; visibility: hidden}
#faq_links a {display: block; color: #000; font-weight: normal; width: 100%; padding: 3px 0px 5px 5px}
#faq_links a:hover {background: url(../images/structure/faq_links_bg.gif) repeat-x; text-decoration: none}

/* MONEY MULE ANIMATION */
div.moneymules_anim {border: solid 1px #cdcdcd; border-left: none; border-right: none; margin-left: 13px; margin-bottom: 25px; padding: 10px 0px 10px 0px}
#col_subpage_2 div.moneymules_anim p {margin: 0; padding: 0}
div.anim_text {border: solid 1px #cdcdcd; width: 140px; padding: 8px;}
p.steps {float: right;}
span.steps_inside {color: #ababab}
span.steps_inside a {font-size: 1em; font-weight: normal; font-size: 1.2em;}
span.steps_inside a.on {font-weight: bold}
span.step_number {color: #f00}
img.step_image {float: left; margin-right: 10px;}
#anim_step2, #anim_step3, #anim_step4 {display: none}