p { margin-top: 0px; } h1 { font-family: din-regular, arial, helvetica, sans-serif; color: #A9BD27; margin: 0 0 .5em 0; font-size: 38px; clear: none; } h1 span.red { color:#d34d23; } h2 { color: #556169; margin: 1.5em 0 .3em 0; font-size: 130%; } h2.subtitle { font-size: 18px; color: #999999; margin: 0 0 1em 0; } h3 { color: #67737A; margin: 1.5em 0 .3em 0; font-size: 105%; } body { font-family: arial, helvetica, sans-serif; margin: 0; padding: 0; background-color: white; color: #444444; font-size: 84.5%; } td { font-family: arial, helvetica, sans-serif; font-size: 84.5%; } dd { margin: 0px 0px 10px 0px; } dt { color: #A9BD27; font-weight: bold; } #rootContainer { text-align: center; } #root { text-align: left; margin: 10px auto 10px auto; border: 1px solid #949DA2; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 953px; position: relative; } form { margin: 0px; } form .invalid { border: 2px solid red !important; } form .validationError { color: red; display: none; } a { color: #22558A; } a img { border: 0; } .clearer { clear: both; line-height: 0px; font-size: 0px; height: 0px; } .none { display: none; } .png { behavior: url('/static/png-1vbeuur.htc'); } /* DOTTED HR */ div.hr { height: 1px; margin: 10px 0px; padding: 0px; background-image: url('/images/common/dottedhr-1c6jhid.gif'); line-height: 1px; } div.hr hr { display: none; } /* TOP NAVIGATION */ #navTop { width: 100%; background-color: #67737A; border-bottom: 1px solid #545F67; } #navTop ul { margin: 0px; padding: 0px; width: 730px; list-style: none; } #navTop li { list-style-type: none; background: none; padding: 0px; display: block; float: left; background-color: #67737A; border-right: 1px solid #515E67; } #navTop li.selected { background-color: #556169; color: white; } #navTop li.selected a { color: white; } #navTop li a { padding: 0px 8px; height: 24px; line-height: 24px; color: #B5C1C8; text-decoration: none; font-size: 11px; font-family: arial, helvetica, sans-serif; font-weight: bold; } #navTop li.last a { border-right: none; } #navTop a:hover { text-decoration: underline; } /* LOGIN */ #loginContainer { width: 239px; position: absolute; right: -1px; top: 0px; z-index: 300; overflow: hidden; } .signin#loginContainer { height: 47px; } #loginContainer .panel { font-size: 12px; color: white; z-index: 360; } #loginContainer #loginPanelsubscribeNow { display:block; position: absolute; top: 163px; left: 10px; font-size: 11px; color: #D5E2EF; } #loginContainer #loginBg { position: absolute; z-index: 350; bottom: 0px; width: 239px; height: 210px; background-image: url('/images/login/signin-bg-5oc9a6.png'); } #loginPanel1 { position:absolute; display: block; width: 235px; height: 35px; bottom: 9px; left: 4px; } #loginPanel1Link { position: absolute; bottom: 4px; right: 12px; } #loginPanel1Message { cursor: pointer; position: absolute; left: 12px; top: 10px; color:white; font-weight: bold; font-size: 12px; } #loginPanel2 { display: none; position: absolute; bottom: 8px; left: 4px; width: 235px; height: 190px; } #loginPanel2 form .email.field { margin-bottom: 5px; } #loginPanel2 a, #loginPanel2 a:visited, #loginPanel2 a:hover { color: #41485A; } #loginPanel2 .field { margin: 2px 0px; } #loginPanel2 .field .label { font-size: 14px; margin: 0; } #loginPanel2 a.forgot { float: right; } #loginPanel2 .close { cursor: pointer; display: block; position: absolute; top: 5px; right: 5px; } #loginPanel2Button { position: absolute; bottom: 5px; right: 12px; } #loginPanel2 form { display: block; margin: 10px 12px; padding-top: 22px; background-image: url('/images/login/subscriberlogin-1jtn0p1.gif'); background-repeat: no-repeat; background-position: 0 0; } #loginPanel2 input.checkbox { margin: 0px; margin-right: 5px; } #loginPanel2 input.text { font-size: 18px; height: 24px; color: #444444; width: 100%; border: 1px solid #41485A; padding: 0px 2px; } #loginContainer img.close { opacity: .5; filter: alpha(opacity=50); } #welcomePanel { position:relative; z-index: 350; margin-bottom: 8px; margin-left: 4px; width: 235px; } #welcomePanel .message { font-size: 11px; color:white; padding: 2px 5px; text-align: center; font-size:12px ; padding:5px; } #welcomePanel .message .welcome { color: #D2DCFA; } #welcomePanel .message .nickname { color: white; } #welcomePanel a, #welcomePanel a:visited, #welcomePanel a:hover { color: #D2DCFA; font-size: 11px; text-decoration: none; display: block; width: 100%; } #welcomePanel a:hover { text-decoration: underline; } #welcomePanel .buttons { background-color:#596B8F; border-top: 1px solid #4C586F; color:#8E98AF; line-height:16px; text-align: center; width: 100%; } #welcomePanel .buttons td { height:16px; padding: 0 4px; border-left:1px solid #77859F; border-right:1px solid #4C586F; } #welcomePanel .buttons td.first { border-left:0 none; } #welcomePanel .buttons td.last { border-right:0 none; } /* FOOTER */ #pageFooter { background-color: #67737A; color: #C5C6C7; height: 29px; line-height: 29px; position: relative; font-size: 11px; width: 951px; } #pageFooter a { color: #C5C6C7; margin: 0px 3px; } #pageFooter a.thinkmapButton { display: block; position: absolute; bottom: 0px; left: 4px; margin: 0px; } #pageFooter .bottomNav { margin-left: 105px; } /* ARTICLE SHORT LISTING */ .shortlisting { margin: 4px 0px; font-size: 12px; color: #8F8F8F; } .shortlisting img.h3 { display: block; } .shortlisting a { color: #22558A; } .shortlisting .header { margin-bottom: 3px; } .shortlisting .header h2 { font-family: din-medium, arial, helvetica, sans-serif; color: #a9bd27; font-size: 12px; text-transform: uppercase; display: inline; } .shortlisting .header h3 { font-family: din-regular, arial, helvetica, sans-serif; color: #8f8f8f; font-size: 12px; text-transform: uppercase; display: inline; margin-left: 3px; } .shortlisting a.articleLink { display: inline; font-size: 12px; font-weight: bold; text-decoration: none; font-family: Georgia, serif; } .shortlisting a.articleLink:hover { text-decoration: underline; } .shortlisting .dateline { font-size: 11px; } .shortlisting img.premium { margin-right: 3px; } img.disabled { opacity: .5; filter: alpha(opacity=50); } /* pagers */ .pager .content { color: #848484; margin: 5px 0px; } .pager .pageNumbers span { padding: 0px 3px; } .pager .pageNumbers a { padding: 0px 3px; } .pager .pageProgressNote { padding-left: 5px; } .pager.bottom { margin-bottom: 15px; } .pager div.hr { margin: 0; } /* profile links */ img.badge { vertical-align: middle; margin-left: 3px; } applet div { position: absolute; padding: 10px; text-align: center; width: 200px; background-color: red; left: 280px; top: 35px; border: 2px solid black; z-index: 400; } .homePage applet div { left: 420px; top: 15px; }