/* Define the default first */ /******* em Text Delaration Start *******/ /* Setup Font Family and Size Correctly First. Default(Medium) Font Size is 16px on all browsers */ body * { font-size: 101%; /* for IE bug */ font-family: Arial, Helvetica, sans-serif; } * { outline: 0; } img { border: 0; } /* Reduce the font size to 68.8% or 11px size 100% = 16 11/16 x 100 */ body{ font-size: 75.5%; } /* IE can’t read this */ html>body { font-size: 75.5%;} /* Ensure forms and tables inherit the correct size */ table, input, select, th, td, textarea { font-size: 1em; } /* Ensure nested elements inherit the correct size */ ol, ul, li li, li p, td p, blockquote p, div div { font-size: 1em; } /*ul{ list-style-image:url(bullets.gif); } li { margin-left: 15px; } text-transform:uppercase;*/ table table td { font-size: 0.95em; } /* child pixels / parent pixels = child ems Example(19px for h1) : 19 (child pixels) / 11 (parent pixels) = 1.73 */ /******* em Text Delaration End *******/ body {margin: 0px; padding:0px; background-color:#999999; text-align:left; text-decoration:none; color: #464646;} .loginfields a:link {text-decoration: none; color:#666666; } .loginfields a:visited {text-decoration: none; color:#666666; } .loginfields a:hover {color:#000000; text-decoration:none;} a:link {text-decoration: none; color:#666666; border:0; } a:visited {text-decoration: none; color:#666666; border:0;} a:hover {color:#000000; text-decoration:none; border:0;} form, input * {margin:0px; padding:0px} #container {background: url(header_bg.jpg) no-repeat; background-color:#ffffff; font-size: 1em; width: 939px; margin: 10px auto; clear:both; padding:5px 10px 0 10px; position: relative; } #header { } #login { font-size:0.75em; overflow: hidden; } #login a:link{color:#666666; text-decoration: none; } #login a:visited{color:#666666; text-decoration: none; } #login a:hover{ color:#000000; text-decoration: none;} #logOut { text-align:right; padding:0px 10px 0 0; font-size:1.2em; line-height: 24px; float: right; } #logOut span { float: left; } #logOut a.button { float: left; margin-left: 10px; } #logOut a:link{color:#666666; text-decoration: none; } #logOut a:visited{color:#666666; text-decoration: none; } #logOut a:hover{ color:#000000; text-decoration: underline;} #logo { height:130px; text-indent: -1000em; margin: 0; padding: 0; } #logo a { height: 130px; width: 400px; display: block; } #date { text-align:right; padding:0 30px 0 0; margin-top: -3px; } #navi{ margin:22px auto; width:885px; } #banner { width:100%; height:90px; text-align:center; background-color:#eeeeee; margin-top:15px;} .normtext a{ color:#666666; text-decoration: none;} .normtext a:link{color:#666666; text-decoration: none; } .normtext a:visited{color:#666666; text-decoration: none; } .normtext a:hover{ color:#000000; text-decoration: none;} #content { width:100%; clear:both; margin-top:10px; background: url(line_hori.jpg); background-color:#ffffff; } #content_left { width:628px; float:left; } #content_right { width:288px;float:left; margin-left:21px;} #story { background: url(cover_story_bg.jpg) no-repeat ; background-color:#ffffff; width:600px; float:left; padding:60px 0px 0 28px;} #breadcrumbs { width:550px; float:left; background-color:#E9E9E9; padding:10px 10px 10px 10px; margin-top: 8px; margin-bottom: 8px;border: 1px solid #C0C0C0; font-size: 0.80em; font-weight:bold; } .breadcrumbs a:link{color:#666666; text-decoration: underline; } .breadcrumbs a:visited{color:#666666; text-decoration: underline; } .breadcrumbs a:hover{ color:#000000; text-decoration: underline;} #sect_container { background: url(sect_line.jpg); width:100%; float:left; margin-bottom: 10px; padding:0px 0px 10px 0px; border-bottom: 1px solid #C0C0C0; } #sect_container_wo_line { background: url(sect_line2.jpg) ; width:100%; float:left; padding:0px 0px 0px 0px; } #tact { background: url(tact_header.jpg) no-repeat ; width:262px; float:left; margin-left:12px; padding:48px 15px 0px 15px; display:inline;} #tact_content { width:100%; float:left; padding:100px 0px 10px 0px; } #stra { background: url(stra_header.jpg) no-repeat ; width:262px; float:left; margin-left:20px; padding:48px 15px 0px 15px; display:inline;} #stra_content { width:100%; float:left; padding:100px 0px 10px 0px; } #feature { background: url(feature_header.jpg) no-repeat ; width:369px; float:left; margin-left:12px; padding:48px 15px 0px 15px; } #lifestyle {width:181px; float:left; margin-left:25px; padding:0px 0px 0px 0px; } * html #lifestyle { margin-left: 12px; } #standfast { width:280px; float:left; background-color:#E9E9E9; padding:10px 10px 10px 10px; margin-top: 8px; margin-bottom: 8px; } #standfast_norm { width:100%; float:left; margin-top: 8px; margin-bottom: 8px; color:#000; font-size:1.1em; } #story_content { width:100%; float:left; background: url(issuejun2010_bg.jpg) no-repeat 320px 5px ; } #tools_container { width:300px; height:19px; float:right;text-align:right;margin-top:-42px; margin-right:0px; display:inline; } #story_text { width:315px; float:left; font-size:0.9em; } #story_pic_float_right { float:right; margin-left:8px; } #story_pic_float_left { float:left; margin-right:8px; } #content_bottom{ width:100%; float:left; text-align:right; margin-bottom: 10px; border-bottom: 1px solid #C0C0C0;} .content_bottom_wo_stroke{ width:262px; float:left;text-align:right; margin-bottom:10px; } #content_bottom_wo_stroke_feature{ width:370px; float:left;text-align:right; margin-bottom:10px; } #hori_divider {width:100%; height:10px; border-bottom: 1px solid #C0C0C0; margin-top:30px; margin-bottom:3px; } .tact_text { width:100%; float:left; font-size:0.9em;text-align:justify; } #stra_text { width:100%; float:left; font-size:0.9em;text-align:justify; } .read_more { float:right; text-align:right;} .home_text { font-size:0.9em;text-align:justify; } #articles { background: url(articles_header_bg.jpg) no-repeat ; background-color:#ffffff; width:572px; float:left; padding:60px 28px 0 28px; } #articles_text { float:left; font-size:1em; line-height:16px; width:100%; text-align:justify; } #articles_content { width:573px; float:left; } #articles_content_bottom { width:573px; margin-bottom: 10px; border-bottom: 1px solid #C0C0C0; } #about_invest { background: url(about_header_bg.jpg) no-repeat ; background-color:#ffffff; width:600px; float:left; padding:60px 0px 0 28px; } #subscribe_invest { background: url(subscribe_header_bg.jpg) no-repeat ; background-color:#ffffff; width:600px; float:left; padding:60px 0px 0 28px; } #contact_invest { background: url(contact_header_bg.jpg) no-repeat ; background-color:#ffffff; width:600px; float:left; padding:60px 0px 0 28px; } #advertise_invest { background: url(advertise_header_bg.jpg) no-repeat ; background-color:#ffffff; width:600px; float:left; padding:60px 0px 0 28px; } #register_invest { background: url(member_header_bg.jpg) no-repeat ; background-color:#ffffff; width:600px; float:left; padding:60px 0px 0 28px; } #sitemap_invest { background: url(plain_header_bg.jpg) no-repeat ; background-color:#ffffff; width:600px; float:left; padding:60px 0px 0 28px; } #login_invest { background: url(member_header_bg.jpg) no-repeat ; background-color:#ffffff; width:600px; float:left; padding:60px 0px 0 28px; } #forgetpassword { background: url('http://www.investmag.net/images/member_header_bg.jpg') no-repeat ; background-color:#ffffff; width:600px; float:left; padding:60px 0px 0 28px; } #email_invest { background: url('plain_header_bg.jpg') no-repeat ; background-color:#ffffff; width:600px; float:left; padding:60px 0px 0 28px; } #admin_invest { background: url('admin_header_bg.jpg') no-repeat ; background-color:#ffffff; width:600px; float:left; padding:60px 0px 0 28px; } #plain_invest { background: url('plain_header_bg.jpg') no-repeat ; background-color:#ffffff; width:600px; float:left; padding:60px 0px 0 28px; } #terms_invest { background: url('terms_header_bg.jpg') no-repeat ; background-color:#ffffff; width:600px; float:left; padding:60px 0px 0 28px; } .investment_category { background: url(button.jpg) no-repeat top ; background-color:#ffffff; width:434px; float:left; padding:11px 0px 0 35px; margin-left:40px; display:inline; margin-bottom:7px; margin-top:7px; } .pages_now { margin: 2px auto; clear:both; text-align: center; font-size:0.9em; font-weight:bold; height:20px; } #articles_pages_row{ font-size:0.8em; height:10px; border: 1px solid #C0C0C0;} #articles_pages { margin: 0 auto; font-size:0.8em; clear:both; text-align:center;} .numberPage { font-weight:bold; text-align:center;} #numberPageCont { text-align:center;} #ask_ad{ width:188px; height:300px; margin-top:10px; border-top: 1px solid #C0C0C0; padding:100px 50px 0px 50px; background: url('ask_ad_bg.jpg') no-repeat ; background-color:#ffffff; color:#333333; font-size:1.1em;} .ask_ad a:link {text-decoration: underline; color:#FF9933; } .ask_ad a:visited {text-decoration:underline; color:#FF9933; } .ask_ad a:hover {color:#FF9933; text-decoration:none;} #tile_banner{ width:288px; margin-top:10px; border-top: 1px solid #C0C0C0; padding:10px 0px 0px 0px;} #quotes_ad{ width:288px; margin-top:10px; border-top: 1px solid #C0C0C0; padding:10px 0px 0px 0px;} #subscribe_ad { width:288px; } .title{ font-family:"Times New Roman", Times, serif; font-size:2.2em; font-weight:bold; text-align:left; clear:both;} .title_small{ font-family:"Times New Roman", Times, serif; font-size:1.5em; font-weight:bold; text-align:left; color:#999999;} .title_small a { font-family:"Times New Roman", Times, serif; font-weight:bold; text-align:left; color:#999999; text-decoration: none;} .title_small a:link{ font-weight:bold; text-align:left; color:#999999; text-decoration: none;} .title_small a:visited{ font-weight:bold; text-align:left; color:#999999; text-decoration: none;} .title_small a:hover { font-weight:bold; text-align:left; color:#000000; text-decoration: none;} .title_lifestyle { font-family:"Times New Roman", Times, serif; font-size:1.5em; font-weight:bold; text-align:left; color:#999999; float: left; width: 135px; } .title_lifestyle a { font-family:"Times New Roman", Times, serif; font-weight:bold; text-align:left; color:#999999; text-decoration: none;} .title_lifestyle a:link{ font-weight:bold; text-align:left; color:#999999; text-decoration: none;} .title_lifestyle a:visited{ font-weight:bold; text-align:left; color:#999999; text-decoration: none;} .title_lifestyle a:hover { font-weight:bold; text-align:left; color:#000000; text-decoration: none;} .title_big{ font-family:"Times New Roman", Times, serif; font-size:3em; font-weight:bold; text-align:left;} .author{ font-size:0.9em; font-weight:bold; font-style:italic; text-align:left} .navi_button {padding-right:60px; } .textfield { width:122px;} .highlights { font-size:1.08em; font-weight:bold; text-align:left; text-transform:uppercase;} .errorHighlightBig { font-size:1.08em; color:#FF0000; font-weight:bold; text-align:left;} .errorHighlight { color:#FF0000; font-weight:bold; text-align:left;} .role { font-size:1.0em; font-style:italic; text-align:left;} .namename { color:#000000; font-size:1.0em; font-weight:bold; text-align:left; text-transform:uppercase;} .investname { color:#ff9933; font-size:1.0em; font-weight:bold; text-align:left; text-transform:uppercase;} .investwords { color:#000000; text-align:left; font-style:italic;} .highlights_small { font-weight:bold; text-align:left;} .highlights_small_norm { font-size:0.85em; text-align:left;} .textname { text-align:left; font-weight:bold;} #break_divider {width:100%; height:10px; border-bottom: 1px solid #C0C0C0; margin-top:5px; margin-bottom:5px; } #other_articles_container { width:256px; margin-bottom:10px; padding:15px 15px 10px 15px; border: 1px solid #C0C0C0; background-color:#E9E9E9; overflow: auto; } #others { width:262px; float:left; } .other_articles { font-weight:normal;} .other_articles a { font-size:0.95em; padding-left:15px; color:#999999; text-decoration:none; background:url(bullets.gif); background-repeat: no-repeat; background-position:left ; margin-left:5px; list-style:none; line-height:15px; } .other_articles a:link {text-decoration: none; color:#999999; } .other_articles a:visited {text-decoration: none; color:#999999; } .other_articles a:hover {color:#000000; text-decoration:none;} .tblHeaderGrey {background-color:#666666; color:#FFFFFF; font-weight:bold; text-align:left;} .tblBodyGrey {background-color:#cccccc; color:#000000; text-align:left;} .tblBodyGrey a:link{color:#666666; text-decoration: none; text-align:left;} .tblBodyGrey a:link{ color:#666666; text-decoration: none;text-align:left;} .tblBodyGrey a:visited{color:#666666; text-decoration: none;text-align:left;} .tblBodyGrey a:hover{color:#000000; text-decoration: none;text-align:left;} .tblBodyGreyLight {background-color:#E9E9E9; color:#000000;text-align:left; } .tblBodyGreyLight a:link{color:#666666; text-decoration: none; text-align:left;} .tblBodyGreyLight a:link{ color:#666666; text-decoration: none;text-align:left;} .tblBodyGreyLight a:visited{color:#666666; text-decoration: none;text-align:left;} .tblBodyGreyLight a:hover{color:#000000; text-decoration: none;text-align:left;} .tblBorderBtm {border-bottom: 1px solid #C0C0C0; } .pointForms { padding-left:15px; background:url(bullets.gif); background-repeat: no-repeat; background-position:left ;font-weight:normal;} .smMainLevel { padding-left:15px; background:url(bullets.gif); background-repeat: no-repeat; background-position:left 4px; font-weight:normal; text-transform:uppercase; font-weight:bold;} .smMainLevel a { color:#ff9933; text-decoration:none; } .smMainLevel a:visited {text-decoration: none; color:#ff9933; } .smMainLevel a:hover {color:#000000; text-decoration:none;} #smContainer { padding:15px 15px 10px 30px; width:350px; } .smSecLevel { font-weight:normal; margin-left:15px; padding-left:15px; background:url(bullets.gif); background-repeat: no-repeat; background-position:left ;} .smSecLevel a { color:#666666; text-decoration:none; } .smSecLevel a:visited {text-decoration: none; color:#666666; } .smSecLevel a:hover {color:#000000; text-decoration:none;} .smThirdLevel { font-weight:normal; margin-left:35px; padding-left:15px; background:url(bullets.gif); background-repeat: no-repeat; background-position:left ;} .smThirdLevel a { color:#666666; text-decoration:none; } .smThirdLevel a:visited {text-decoration: none; color:#666666; } .smThirdLevel a:hover {color:#000000; text-decoration:none;} .ptMainLevel { padding-left:15px; background:url(bullets.gif); background-repeat: no-repeat; background-position:left 4px; font-weight:normal; } .ptMainLevel a { color:#666666; text-decoration:none; } .ptMainLevel a:visited {text-decoration: none; color:#666666; } .ptMainLevel a:hover {color:#000000; text-decoration:none;} #smContainer { padding:15px 15px 10px 30px; width:350px; } .ptSecLevel { font-weight:normal; margin-left:15px; padding-left:15px; background:url(bullets.gif); background-repeat: no-repeat; background-position:left 4px;} .ptSecLevel a { color:#666666; text-decoration:none; } .ptSecLevel a:visited {text-decoration: none; color:#666666; } .ptSecLevel a:hover {color:#000000; text-decoration:none;} .ptThirdLevel { font-weight:normal; margin-left:35px; padding-left:15px; background:url(bullets.gif); background-repeat: no-repeat; background-position:left ;} .ptThirdLevel a { color:#666666; text-decoration:none; } .ptThirdLevel a:visited {text-decoration: none; color:#666666; } .ptThirdLevel a:hover {color:#000000; text-decoration:none;} .orangeWords a { text-decoration: underline; color:#FF9933;} .orangeWords a:link { text-decoration: underline; color:#FF9933;} .orangeWords a:visited { text-decoration: underline; color:#FF9933;} .orangeWords a:hover{ text-decoration: none; color:#FF9933;} .designed { font-family:Verdana; font-size:10px; font-weight:normal; } #sitemap { width:400px; float:left; } #footer{ font-size: 0.80em; width: 939px; margin: 0px auto; clear:both; color:#ffffff; } #copyright { width: 930px; float:left; margin: 0px auto; display:inline; clear:both;text-align:center;} .copyright a { text-decoration: underline; color:#FFFFFF;} .copyright a:link { text-decoration: underline; color:#FFFFFF;} .copyright a:visited { text-decoration: underline; color:#FFFFFF;} .copyright a:hover{ text-decoration: none; color:#000000;} #bottom_nav { margin: 0px auto; float:left; text-align:center; width: 930px; display:inline; color:#FFFFFF; clear:both;padding-bottom:2px;} .bottom_navi a { text-decoration: none; color:#FFFFFF;} .bottom_navi a:link { text-decoration: none; color:#FFFFFF;} .bottom_navi a:visited { text-decoration: none; color:#FFFFFF;} .bottom_navi a:hover{ text-decoration: none; color:#000000;} /* Define the rest of the classes here */ .floatRight {float:right;} .floatLeft {float:left;} .clearBoth {clear:both;} .center { text-align: center; } .leftImg { float: left; margin: 0 10px 7px 0; } .rightImg { float: right; margin: 0 0px 7px 10px; } .mTop20 { margin-top: 20px; } .pages_back a:link, .pages_back a:visited, .pages_back a:hover{background:url(back.gif) no-repeat left center; width:12px; height:13px; float:left;} .pages_front a:link, .pages_front a:visited, .pages_front a:hover{background:url(front.gif) no-repeat right center; width:12px; height:13px; float:left;} #topNav { list-style: none; float: right; margin: 0.7em 30px 0 0; padding: 0; } #topNav li { float: left; padding: 0 10px; border-left: 1px solid #999; } #topNav li.first { border: 0; } #topNav a { float: left; } #logInForm { float: right; } #logInForm ul { list-style: none; margin: 0; padding: 0; float: left; } #logInForm li { float: left; line-height: 24px; height: 24px; margin-left: 15px; } #logInForm label { margin-right: 10px; } #smallMenu { position: absolute; top: 7px; left: 13px; }