/* + Autojournals + Global Styles + Delete Designed + http://www.deletelondon.com */ /* ########## Body ########## */ * {margin: 0;padding: 0;border: none;} /* remember to define focus styles! */ :focus {outline: 0;} ol, ul {list-style: none;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /* Mac Safari/Firefox Hack for text rendering */ /* You need to be careful with this fix, as it will break any Flash element that it touches in Firefox. .fix, .fix * {opacity: .999;-moz-opacity: 0.99;} */ /* Safari3 Hack for rendering light type on dark background - Change colour to background colour */ /* .type { text-shadow: #000 0 0 0; } */ /* Start of Specific Styles */ html {background:#666 url(../images/layout/bg.gif) repeat-x;} body { margin:0 auto; line-height: 1.5em; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#545454; background:url(../images/layout/bg.png) repeat-y top center; } /* ########## Containers ########## */ #wrapper { width:100%; } #main { margin:0 auto; position:relative; width: 990px; } #dark { clear:both; min-height:680px; height:auto !important; height:680px; background: #313336 url(../images/layout/dark-bg.gif) repeat-x; } #light { clear:both; background: #d5d5d5 url(../images/layout/light-bg.gif) repeat-x; min-height:723px; height:auto !important; height:723px; } /* ########## General ########## */ img, input, select, option { vertical-align:middle; } p { line-height:1.2em; padding-bottom:10px; } .hr { height: 2px; background: url(/images/hr.gif) repeat-x scroll center; margin: 10px 0; clear:both; } .hr hr { display: none; } .hr-light { height: 2px; background: url(/images/hr-light.gif) repeat-x scroll center; margin: 5px 0; clear:both; } .hr-light hr { display: none; } /* ########## Links ########## */ a { color:#506383; text-decoration:underline; } a:hover { text-decoration:underline; } /* ########## Useful ########## */ .left {float:left;} .right {float:right;} .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear {display: inline-table; clear:both;} /* Hides from IE-mac \*/ * html .clear {height: 1%;} .clear {display: block;} /* End hide from IE-mac */ /* ########## Header ########## */ #logo { float:left; width:522px; height:90px; background:url(../images/layout/page-logo.png) no-repeat; } #logo a img {padding:5px 0 0 15px;} #home-logo { float:left; width:522px; height:90px; background:url(../images/layout/home-logo.png) no-repeat; } #home-logo a { display:block; text-indent:-5000px; overflow:hidden; width:200px; height:90px; } /* ########## Search ########## */ #search { float:right; width:468px; height:30px; background: url(../images/layout/search-bg.gif); } #search_form {padding: 5px 5px 0 0;} #search_form #make {float:right; margin-right:5px;} #search_form #model {float:right;} #search_input {background:url(../images/layout/search-btn.gif) no-repeat; width:61px; height:20px; text-indent:-5000px; overflow:hidden; cursor:pointer; float:right;} #search_input:hover {background-position:0 -20px;} #keywords_input {width:116px; color: #C1C1C1; font-size:10px; background:url(../images/layout/blank.gif); position:absolute; top:67px; left: 800px; } #search-make-box {width:127px; height:18px; position: absolute; top: 65px; left: 520px; } #search-make-box a {background:url(/images/layout/selectmake.gif) no-repeat; width:127px; height:18px; display:block; text-indent:-5000px; overflow:hidden;} #search-make-box a:hover {background-position:0 -18px;} #search-make {margin-top:18px; height:500px; position:absolute; z-index:5; overflow:auto; width:127px; display:none;} #search-model {margin-top:18px; height:500px; position:absolute; z-index:5; overflow:auto; width:127px; display:none; margin-left:131px;} .search-make {background:#383838; color:#d8d8d8; border-bottom:#0a0a0a solid 1px; padding-left:8px; font-size:10px; cursor:pointer;} .search-make a {color:#d8d8d8; text-decoration:none;} .search-make-select {background:#383838; color:#d8d8d8; border-bottom:#0a0a0a solid 1px; padding-left:8px; font-size:10px; position:absolute; width:102px; margin-left:-3px;} .search-model-select {background:#383838; color:#d8d8d8; border-bottom:#0a0a0a solid 1px; padding-left:8px; font-size:10px; position:absolute; width:102px; margin-left:130px; z-index:10;} .search-model-disabled {width:127px; height:18px; position: absolute; top: 65px; left: 653px; } .search-model-disabled a {background:url(/images/layout/selectmodel-disabled.gif) no-repeat; width:127px; height:18px; display:block; text-indent:-5000px; overflow:hidden;} #search-model-box {width:127px; height:18px; float:right; display:none; position:absolute; margin-left:131px; z-index:5;} #search-model-box a {background:url(/images/layout/selectmodel.gif) no-repeat; width:127px; height:18px; display:block; text-indent:-5000px; overflow:hidden;} #search-model-box a:hover {background-position:0 -18px;} /* ########## Navigation ########## */ #nav { clear:both; height:30px; font-size:10px; color:#fff; } #nav .left {float:left; width:343px; height:30px;} #nav .left a {text-indent:-5000px; overflow:hidden; display:block; height:30px; float:left;} #nav .left a:hover {background-position: 0 -30px;} #n-home a {width: 72px; background:url(../images/layout/n-home.gif) no-repeat;} #n-journals a {width:93px; background:url(../images/layout/n-journals.gif) no-repeat;} #n-features a {width:91px; background:url(../images/layout/n-features.gif) no-repeat;} #n-about a {width:87px; background:url(../images/layout/n-about.gif) no-repeat;} #nav .right {float:right; width:647px; height:30px; background:url(../images/layout/n-bg.gif) no-repeat;} #nav .right a {height:30px;} #nav .right a:hover {background-position: 0 -30px;} #n-mypage {float:left; width:86px; height:30px;} #n-mypage a {width: 86px; background:url(../images/layout/n-mypage.gif) no-repeat; text-indent:-5000px; overflow:hidden;float:right;} #n-newsletter a {width:99px; background:url(../images/layout/n-newsletter.gif) no-repeat; text-indent:-5000px; overflow:hidden;float:right;} #n-login a {width:59px; background:url(../images/layout/n-login.gif) no-repeat; text-indent:-5000px; overflow:hidden;float:right;} #n-help a {width:54px; background:url(../images/layout/n-help.gif) no-repeat; text-indent:-5000px; overflow:hidden;float:right; cursor:pointer;} #n-become a {width:174px; background:url(../images/layout/n-become.gif) no-repeat; text-indent:-5000px; overflow:hidden;float:right;} #n-loggedin {float:right; line-height:30px; padding-right:10px;} #nav .n-selected {background-position:0px -30px;} /* ########## Body ########## */ #content { width:870px; } #content-journals { width:880px; } #journals-padder { padding:0 15px; } #content-padder { padding:0 20px; } /* ########## Footer ########## */ #footer { height:25px; padding-top:23px; text-align:center; color:#313030; font-size:10px; clear:both; border-bottom:#555 solid 1px; } #footerlinks {float:left; width:925px;} .dark { background: url(../images/layout/dark-bot.png) top no-repeat; } .light { background: url(../images/layout/light-bot.png) top no-repeat; } #footer a {color:#090909;} #footer a:hover {color:#00e30b;} #delete {width:42px; height:5px; float:right; margin:7px 10px 0 0;} #delete a {background:url(../images/layout/delete.gif) no-repeat; display:block; width:42px; height:5px; text-indent:-5000px; overflow:hidden;} #delete a:hover {background-position:0 -5px;} /* ########## Ads ########## */ .letterbox { width:468px; height:60px; float:right; z-index:10; } .letterbox a {display:none; left:50000px;} .letterbox .ad {display:inline; left:0px;} .tower { position:absolute; right:0px; top:190px; width:120px; height:600px; z-index:10; } /* ########## Forms ########## */ .form_pretext {color: #C1C1C1;} .errors {color:#BA070C;} .input {background:url(/images/input.png) no-repeat; height:20px; width:102px; padding:2px 10px 0 10px; line-height:20px;} .checkboxTag .errors {position:absolute;} /* ########## AJAX ########## */ .spinner {width:16px; height:16px;} /* ########## Login/Newsletter ########## */ #login {width:331px; height:71px; background:url(../images/layout/login-bg.png) no-repeat; position:absolute; right:90px; font-size:9px; z-index:200; display:none;} #login-content {padding:13px;} #login-content .row {height:28px; overflow:hidden; color:#9b9b9b;} #login-content .row a {color:#9b9b9b;} #email_input {width:100px; margin-left:10px; color: #C1C1C1; font-size:10px; background:url(../images/layout/blank.gif);} #password_input {width:100px; margin-left:25px; color: #C1C1C1; font-size:10px; background:url(../images/layout/blank.gif);} #login_input {width:50px; height:20px; background:url(../images/layout/login-btn.gif) no-repeat; text-indent:-5000px; overflow:hidden; cursor:pointer; margin-left:13px; position:relative; top:2px;} #login_input:hover {background-position:0 -20px;} #remember_input {margin:0 3px 0 3px;} #rememberme {width:240px; float:left;} .login-error {position:relative; bottom:28px; color:#FF0000;} .forgot-error {color:#FF0000;} .forgot-ok {color:#00CC00;} #forgot {width:331px; height:71px; background:url(../images/layout/forgot-bg.png) no-repeat; position:absolute; right:90px; font-size:9px; z-index:11; display:none;} #forgot-content {padding:13px;} #forgot-content .row {height:28px; overflow:hidden; color:#9b9b9b;} #forgot-content .row a {color:#9b9b9b;} #forgot_input {width:170px; margin-left:10px; color: #C1C1C1; font-size:10px; background:url(../images/layout/blank.gif);} #submit_input {width:50px; height:20px; background:url(../images/layout/submit-btn.gif) no-repeat; text-indent:-5000px; overflow:hidden; cursor:pointer; margin-left:60px; position:relative; top:2px;} #submit_input:hover {background-position:0 -20px;} #forgotpw {margin:0 0px 0 8px;} #newsletter {width:168px; height:113px; background:url(../images/layout/newsletter-bg.png) no-repeat; position:absolute; right:250px; z-index:11; display:none;} #newsletter-content {padding:13px 13px 0 13px;} #newsletter-content .row {margin: 4px 0 12px 0;} .newsletter_input {width:110px; margin-left:10px; margin-bottom:2px; color: #9b9b9b; font-size:10px; background:url(../images/layout/blank.gif);} #subscribe_input {width:77px; height:20px; background:url(../images/layout/subscribe-btn.gif) no-repeat; text-indent:-5000px; overflow:hidden; cursor:pointer; float:left;} #subscribe_input:hover {background-position:0 -20px;} .newsletter-error {font-size:9px; display:block; clear:both; color: #972B37;} .closeBtn {width:44px; height:11px; float:right; margin-top:4px;} .closeBtn a {background:url(../images/layout/close-btn.gif) no-repeat; width:44px; height:11px; text-indent:-5000px; overflow:hidden; display:block;} .closeBtn a:hover {background-position:0 -11px;} /* ########## Box ########## */ .box_thin {width:224px;} .box_thin-content {float:left; width:202px;} .box_mid {width:394px;} .box_mid-content {float:left; width:372px;} .box_mid2 {width:394px;} .box_mid-content2 {float:left; width:372px;} .box_wide {width:633px;} .box_wide-content {float:left; width:611px;} .box_t {height:11px;} .box-tl {width:11px; height:11px; float:left; background: url(/images/box/tl.png) no-repeat;} .box-t {float:left; background: url(/images/box/t.png) repeat-x; height:11px;} .box-tr {width:11px; height:11px; float:right; background: url(/images/box/tr.png) no-repeat;} .box-l {width:11px; float:left; background:url(/images/box/l.png) repeat-y;} .box-r {width:11px; float:right; background:url(/images/box/r.png) repeat-y;} .box_b {height:11px; clear:both;} .box-bl {width:11px; height:11px; float:left; background: url(/images/box/bl.png) no-repeat;} .box-b {float:left; background: url(/images/box/b.png) repeat-x; height:11px;} .box-br {width:11px; height:11px; float:right; background: url(/images/box/br.png) no-repeat;} /*---- sIFR ---*/ .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /*---- Header styling ---*/ h1, h2, h3, h4, h5 { margin: 0; padding: 0; line-height: 1em; } h1 a, h2 a, h3 a, h4 a, h5 a {text-decoration:none;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {text-decoration:none;} h1.title {line-height: 1em; font-size:16px; color:#C9E2EC; font-style:italic; margin:0; text-transform:uppercase;} h2.subTitle, h2.subTitle a {line-height: 1em; font-size:14px; color:#C9E2EC; font-style:italic; margin:0; text-transform:uppercase; } h2.subTitleVariant, h2.subTitleVariant a {line-height: 1em; font-size:14px; color:#C9E2EC; font-style:italic; margin:0; padding-bottom:5px; } h2.type, h2.type a {line-height: 1em; font-size:14px; color:#a2afbd; font-style:italic; margin:0; text-transform:uppercase; } h2.typeVariant, h2.typeVariant a {line-height: 1em; font-size:14px; color:#a2afbd; font-style:italic; margin:0; } h1.journalMake { /* For Journal detail make - themed */ font-size:30px; line-height: 1em; font-style:italic; margin:0; text-transform:uppercase; position:relative; top:15px; left:20px; } h2.journalModel { /* For Journal detail model - themed */ font-size:48px; line-height: 1em; font-style:italic; margin:0; text-transform:uppercase; position:relative; left:15px; top:10px; } h2.journalVariant { /* For Journal detail variant - themed */ font-size:48px; line-height: 1em; font-style:italic; margin:0; position:relative; left:20px; bottom:27px;} h3.entryTitle { /* For Journal detail entry title/comment title - themed */ font-size:18px; line-height: 1em; font-style:italic; margin:0; text-transform:uppercase; } h1.pageTitle { /* For mypage titles */ font-size:18px; line-height: 1em; font-style:italic; margin:0; text-transform:uppercase; color:#506e83; padding-bottom:15px; } h1.mainTitle { /* For homepage title - themed */ font-size: 70px; line-height: 1em; font-style:italic; margin:0; text-transform:uppercase;} h2.mainTitle { /* For hompage subtitle - themed */ font-size:19px; line-height: 1em; font-style:italic; margin:0; text-transform:uppercase; position:relative; top:15px; } h2.pageSubTitle { /* For mypage sub-titles */ font-size:12px; line-height: 1em; font-style:italic; margin:0; text-transform:uppercase; color:#506e83; padding:10px 0; } h3.type { /* For homepage journal/feature type */ font-size:14px; line-height: 1em; font-style:italic; margin:0; text-transform:uppercase; color:#a2afbd; } h3.title { /* For mypage model and make titles */ font-size:14px; line-height: 1em; font-style:italic; margin:0; text-transform:uppercase; color:#a2afbd; } h4.subTitle { /* For Journal detail sub headers - themed */ font-size:12px; line-height: 1em; font-style:italic; margin:0; text-transform:uppercase; } h4.logbook { /* For Journal detail logbook - themed */ font-size:12px; line-height: 1em; font-style:italic; margin:0; text-transform: uppercase; } h4.other { /* For Journal detail other entries - themed */ font-size:12px; line-height: 1em; font-style:italic; margin:0; text-transform:uppercase; } .sIFR-active h1.title {visibility: hidden; line-height: 1em; font-size:16px; color:#C9E2EC; font-style:italic; margin:0; text-transform:capitalize;} .sIFR-active h2.subTitle {visibility: hidden; line-height: 1em; font-size:14px; color:#C9E2EC; font-style:italic; margin:0; text-transform:capitalize; } .sIFR-active h2.subTitleVariant {visibility: hidden; line-height: 1em; font-size:14px; color:#C9E2EC; font-style:italic; margin:0; padding-bottom:0px; } .sIFR-active h2.type {visibility: hidden; line-height: 1em; font-size:14px; color:#a2afbd; font-style:italic; margin:0; text-transform:capitalize; } .sIFR-active h2.typeVariant {visibility: hidden; line-height: 1em; font-size:14px; color:#a2afbd; font-style:italic; margin:0; } .sIFR-active h1.mainTitle { /* For homepage title - themed */ font-size: 70px;visibility: hidden; line-height: 1em; font-style:italic; margin:0; text-transform:capitalize; } .sIFR-active h1.journalMake { /* For Journal detail make - themed */ font-size:30px;visibility: hidden; line-height: 1em; font-style:italic; margin:0; text-transform:capitalize; position:relative; top:10px; left:20px; } .sIFR-active h2.journalModel { /* For Journal detail model - themed */ font-size:48px;visibility: hidden; line-height: 1em; font-style:italic; margin:0; text-transform:capitalize; position:relative; left:20px; top:-5px; } .sIFR-active h2.journalVariant { /* For Journal detail variant - themed */ font-size:48px;visibility: hidden; line-height: 1em; font-style:italic; margin:0; position:relative; left:20px; bottom:27px; } .sIFR-active h3.entryTitle { /* For Journal detail entry title/comment title - themed */ font-size:18px;visibility: hidden; line-height: 1em; font-style:italic; margin:0; text-transform:capitalize; } .sIFR-active h1.pageTitle { /* For mypage titles */ font-size:18px;visibility: hidden; line-height: 1em; font-style:italic; margin:0; text-transform:capitalize; color:#506e83; padding-bottom:0px; } .sIFR-active h2.mainTitle { /* For hompage subtitle - themed */ font-size:19px;visibility: hidden; line-height: 1em; font-style:italic; margin:0; text-transform:capitalize; position:relative; top:0px; } .sIFR-active h2.pageSubTitle { /* For mypage sub-titles */ font-size:12px;visibility: hidden; line-height: 1em; font-style:italic; margin:0; text-transform:capitalize; color:#506e83; padding:0; } .sIFR-active h3.type { /* For homepage journal/feature type */ font-size:14px;visibility: hidden; line-height: 1em; font-style:italic; margin:0; text-transform:capitalize; color:#a2afbd; } .sIFR-active h3.title { /* For mypage model and make titles */ font-size:14px;visibility: hidden; line-height: 1em; font-style:italic; margin:0; text-transform:capitalize; color:#a2afbd; } .sIFR-active h4.subTitle { /* For Journal detail sub headers - themed */ font-size:12px;visibility: hidden; line-height: 1em; font-style:italic; margin:0; text-transform:capitalize; } .sIFR-active h4.logbook { /* For Journal detail logbook - themed */ font-size:12px;visibility: hidden; line-height: 1em; font-style:italic; margin:0; text-transform:capitalize; } .sIFR-active h4.other { /* For Journal detail other entries - themed */ font-size:12px;visibility: hidden; line-height: 1em; font-style:italic; margin:0; text-transform:capitalize; } /* + Autojournals + Page Styles + Delete Designed + http://www.deletelondon.com */ /* ########## Homepage ########## */ #hero {height:490px;} #home-divider {position:absolute; background:url(/images/home/vertical.png) no-repeat; width:507px; height:202px; left:180px;} .homeHero {cursor:pointer;} h4.detail {font:italic bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase; display:block;} h4.detail a {color:#ebebeb; text-decoration:none;} h4.detailModel {font:italic bold 14px Arial, Helvetica, sans-serif; display:block;} h4.detailModel a {color:#ebebeb; text-decoration:none;} /* ########## Become a contributor ########## */ .page-become dl {clear:both;} .page-become dt {float:left; width:150px;} .page-become dd {float:left;padding-bottom:7px;} #registerForm input, #registerForm select {border:#7f9db9 solid 1px;padding:2px; } #registerForm input { margin-right: 4px; } #registerForm label {font-size:10px;} #registerForm dl, #registerForm dt {margin-bottom:10px;} #continueBtn {clear:both; width:83px; height:21px;} #continueBtn a {background:url(/images/pages/continue-btn.png) no-repeat; width:83px; height:21px; display:block; text-indent:-5000px; overflow:hidden;} #continueBtn a:hover {background-position:0 -21px;} #registerForm .checkboxLabel {margin-left:10px; width:350px; display:block;} /* ########## Contact ########## */ #contactForm {clear:both;} #contactForm input, #contactForm select, #contactForm textarea {border:#7f9db9 solid 1px;} #contactForm input, #contactForm select {width:150px;} #contactForm #enquiry {width:370px; height:130px; clear:both;} #contactForm #submit {position:relative; right:130px;} #contactForm #submit {border:none;} #contactForm dl {clear:both;} #contactForm dt {float:left; width:130px; margin-bottom:5px; clear:left;} #contactForm dd {float:left; margin-bottom:5px;} /* ########## My Page ########## */ /* Nav */ #mypage-nav {width:207px; padding-top:20px; float:left;} #mypage-nav div {width:207px; height:29px;} #mypage-nav a {display:block; text-indent:-5000px; overflow:hidden; width:207px; height:29px;} #mypage-nav a:hover {background-position:-207px 0;} #my-page {height:31px;} #my-page a {height:31px; background: url(../images/mypage/page.gif) no-repeat;} #my-edit a {background: url(../images/mypage/edit.gif) no-repeat;} #my-entry a {background: url(../images/mypage/entry.gif) no-repeat;} #my-feature a {background: url(../images/mypage/feature.gif) no-repeat;} #my-drafts {height:30px;} #my-drafts a {height:30px; background: url(../images/mypage/drafts.gif) no-repeat;} #my-drafts-user {height:40px;} #my-drafts-user a {height:40px; background: url(../images/mypage/drafts-user.gif) no-repeat;} #my-pending a {background: url(../images/mypage/pending.gif) no-repeat;} #my-pending-sub {height:39px;} #my-pending-sub a {height:39px; background: url(../images/mypage/pending-sub.gif) no-repeat;} #my-homepage a {background: url(../images/mypage/homepage.gif) no-repeat;} #my-cars a {background: url(../images/mypage/cars.gif) no-repeat;} #my-comments a {background: url(../images/mypage/comments.gif) no-repeat;} #my-users {height:39px;} #my-users a {height:39px; background: url(../images/mypage/users.gif) no-repeat;} #my-entries a {background: url(../images/mypage/entries.gif) no-repeat;} #my-features a {background: url(../images/mypage/features.gif) no-repeat;} #mypage-nav .n-selected {background-position:-207px 0px;} /* Index */ .myfeature {color:#545454; text-decoration:underline; font-weight:bold; font-size:10px;} #mypage {width:660px; float:right;} #mypage-content {margin:35px 20px 20px 10px;} #submitted-table {width:100%; font-size:10px;} #submitted-table th {color:#506e83; text-align:left;} #submitted-table th.name {width:50%;} #submitted-table th.status {width:15%;} #submitted-table th.date {width:25%;} #submitted-table th.edit {width:10%;} .status-published {font-weight:bold; color:#05af01;} .status-pending {font-weight:bold; color:#bc9b00;} .status-rejected {font-weight:bold; color:#d30000;} .list-square {color:#545454; list-style: url(/images/layout/li.gif) inside;} .list-square span {color:#506e83; font-weight:bold; font-size:10px;} #profile_padder {padding:35px 20px 20px 20px;} .profile-image {background:url(/images/profile/image-bg.png) no-repeat; width:183px; height:185px; float:left;} .profileimage-small {float:left; width:50px; height:52px; background:url(/images/mypage/image-bg.gif) no-repeat;} .profiledetails {float:right; width:305px; margin-bottom:10px; color:#545454;} .profiledetails-name {float:left; clear:left; width:120px; font-size:10px;} .profiledetails-detail {float:left; width:185px; color:#506e83; font-size:10px; font-weight:bold;} .profile-name {float:left; width:105px; clear:left; font-size:10px;} .profile-detail {float:left; width:200px; color:#506e83; font-weight:bold; font-size:10px;} .profile-detail a {color:#506e83;} .profile-journal {background:url(/images/profile/image-bg1.png) no-repeat; width:204px; height:133px; cursor:pointer;} .profile-journal-top {background:url(/images/mypage/journal-bg1.png) no-repeat; height:132px; overflow:hidden;} .profile-journal-middle {background:url(/images/mypage/journal-bg2.png) no-repeat;} .profile-journal-make {padding:3px 0 0 10px;} .profile-journal-model {position:relative; width:185px; left:10px; bottom:5px;} .profile-text {background:url(/images/profile/journal-bg.png) top no-repeat; width:204px; height:50px;} .profile-text .typeVariant {position:relative; bottom:6px;} .profile-themake {padding:5px 0 0 10px; width:185px; height:20px; overflow:hidden;} .profile-themodel {padding:0 0 0 10px; position:relative; margin-top:-12px; width:185px; top:7px;} .prof-image {display:none; padding:1px 0 0 1px;} .journal-image {display:none; padding:1px 0 0 2px;} /* Edit profile */ #uploadPhotoForm dt {display:none;} .saveBtn {width:45px; height:21px; background: url(/images/journals/save-btn.png) no-repeat; cursor:pointer;} .saveBtn:hover {background-position:0 -21px;} .profileimage-small {float:left; width:50px;} .change-btn {width:51px; height:18px; position:relative; right:1px; clear:both; float:left;} .change-btn a {background:url(/images/mypage/change-btn.png) no-repeat; width:51px; height:18px; display:block; text-indent:-5000px; overflow:hidden;} .change-btn a:hover {background-position: 0 -18px;} #editForm {margin-top:10px;} #addCar {border:#7f9db9 solid 1px; width:140px; height:19px; line-height:19px; float:left; margin-right:5px;} #addOwnedCar {border:#7f9db9 solid 1px; width:140px; height:19px; line-height:19px; float:left; margin-right:5px;} #editForm input {border:#7f9db9 solid 1px; width:155px; height:19px; line-height:19px;} #editForm select {border:#7f9db9 solid 1px; width:155px; height:19px; line-height:19px;} #editForm #dobDay {width:40px;} #editForm #dobMonth {width:50px;} #editForm #dobYear {width:60px;} #editForm #about {width:372px; height:157px; clear:both; border:#7f9db9 solid 1px; position:relative; right:120px; bottom:10px;} #editForm .saveBtn {border:none; width:45px; height:21px; margin-top:5px;} .resetBtn {background:url(/images/mypage/resetBtn.png) no-repeat; width:52px; height:20px; cursor:pointer;} .resetBtn:hover {background-position:0 -20px;} #editForm .resetBtn {border:none; width:52px; height:20px; margin:5px 0 0 5px;} #editForm dd dl dt {color:#506e83; font-size:10px; width:120px; float:left; clear:both; margin-bottom:10px;} #editForm dd dl dd {color:#506e83; font-size:10px; width:160px; float:left; margin-bottom:10px;} #editForm #newsletteredit {width:10px; border:none;} /* Drafts */ #draft-table {width:100%; font-size:10px;} #draft-table th {text-align:left; font-weight:bold; color:#506e83;} #draft-table th.name {width:70%;} #draft-table th.date {width:20%;} #draft-table th.edit {width:10%;} /* ########## Search ############ */ #search-table {width:100%; font-size:10px;} #search-table th {text-align:left; font-weight:bold; color:#506e83;} #search-table th.title {width:60%;} #search-table th.date {width:20%;} #search-table th.relevence {width:20%;} .relevence img {padding-right:1px; float:left;} /* ########## Journals ########## */ #journals-header {width:415px; float:left; height:71px; background:url(../images/journals/browse.gif) no-repeat; margin-bottom:10px;} #journals-introtext { float: left; width: 415px; color: #A2AFBD; } #journals-introtext a{ color: #A2AFBD; } #journals-introtext p { padding: 10px 0px 0px 10px; } .stageone {position:relative; left:27px; top:23px;} .stagetwo {float:left; width:300px; position:relative; top: 20px; left:15px; } .journal-make {cursor:pointer; width:204px; height:142px; background:url(/images/journals/make-bg.png) no-repeat; margin:0 8px 10px 0; float:left;} .journal-model {cursor:pointer; width:204px; height:181px; background:url(/images/journals/model-bg.png) no-repeat; margin:0 8px 10px 0; float:left;} .journal-journal {cursor:pointer; width:204px; height:220px; background:url(/images/journals/journal-bg.png) no-repeat; margin:0 8px 10px 0; float:left;} .make-readmore { background-color:#000; height:20px; width:194px; position:absolute; margin:59px 0 0 5px; opacity: .6; filter: alpha(opacity=60); display:none; } .model-readmore { background-color:#000; height:20px; width:196px; position:absolute; margin:112px 0 0 4px; opacity: .6; z-index:2; filter: alpha(opacity=60); display:none; } .feature-readmore { background-color:#000; height:20px; width:407px; position:absolute; margin:157px 0 0 4px; opacity: .60; z-index:2; filter: alpha(opacity=60); zoom: 1; display:none; } .journal-readmore { background-color:#000; height:20px; width:196px; position:absolute; margin:112px 0 0 3px; opacity: .6; z-index:2; filter: alpha(opacity=60); display:none; } .my-readmore { background-color:#000; height:20px; width:196px; position:absolute; margin:112px 0 0 2px; opacity: .6; filter: alpha(opacity=60); display:none; } .home-readmore { width:154px; height:80px; position:absolute; background-color:#000; margin-top:37px; opacity: .6; filter: alpha(opacity=60); z-index:5; cursor:pointer; } .home-readmoreover { width:154px; height:80px; position:absolute; opacity: 1.0; filter: alpha(opacity=100); z-index:6; } .homejournal {background:url(/images/home/journal-bg.png) no-repeat; width:155px; height:118px; float:left; margin-top:5px; cursor:pointer;} #sendToFriend {width:114px; height:20px; float:right;} #sendToFriend a {background:url(../images/journals/sendtofriend-btn.png) no-repeat; width:114px; height:20px; display:block; text-indent:-5000px; overflow:hidden;} #sendToFriend a:hover {background-position:0 -20px;} .sendToFriend {display:none;clear:both; float:right; margin-top:10px;} #send-submit {background: url(../images/features/send-btn.png) no-repeat; width:46px; height:20px; cursor:pointer;} #send-submit:hover {background-position:0 -20px;} .send-submit {background: url(../images/features/send-btn.png) no-repeat; width:46px; height:20px; cursor:pointer;} .send-submit:hover {background-position:0 -20px;} #send-email {border:#7f9db9 solid 1px;} #addComment {width:98px; height:20px; float:right; position:relative; right:40px; top:2px;} #addComment a { background:url(../images/journals/addcomment-btn.png) no-repeat; width:98px; height:20px; display:block; text-indent:-5000px; overflow:hidden;} #addComment a:hover { background-position:0 -20px;} #frm_send {float:right;} .send-error {float:right; clear:right;} #databox {background:url(/images/journals/databox.png) no-repeat; width:260px; height:298px; position:absolute; top:533px;} #databox-padder {padding:14px;} #databox-user {color:#ebebeb; height:50px; margin-bottom:21px;} #databox-user a {color:#ebebeb;} #databox-user span {font-size:10px;} #databox-user img {border-bottom:#929292 solid 1px; float:left; margin-right:7px;} #databox-data {color:#a3a3a3; margin-top:5px; font-size:10px;} #databox-data p {margin:4px 0; padding:0; float:left; width:116px;} /* themes - for entry date, databox details, captions, nav links */ #addComment-Black {width:98px; height:20px; float:right; position:relative; right:40px; top:2px;} #addComment-Black a { background:url(../images/themes/black-comment.png) no-repeat; width:98px; height:20px; display:block; text-indent:-5000px; overflow:hidden;} #addComment-Black a:hover { background-position:0 -20px;} #sendToFriend-Black {width:114px; height:20px; float:right;} #sendToFriend-Black a {background:url(../images/themes/black-send.png) no-repeat; width:114px; height:20px; display:block; text-indent:-5000px; overflow:hidden;} #sendToFriend-Black a:hover {background-position:0 -20px;} #addComment-Blue {width:98px; height:20px; float:right; position:relative; right:40px; top:2px;} #addComment-Blue a { background:url(../images/themes/blue-comment.png) no-repeat; width:98px; height:20px; display:block; text-indent:-5000px; overflow:hidden;} #addComment-Blue a:hover { background-position:0 -20px;} #sendToFriend-Blue {width:114px; height:20px; float:right;} #sendToFriend-Blue a {background:url(../images/themes/blue-send.png) no-repeat; width:114px; height:20px; display:block; text-indent:-5000px; overflow:hidden;} #sendToFriend-Blue a:hover {background-position:0 -20px;} #addComment-Green {width:98px; height:20px; float:right; position:relative; right:40px; top:2px;} #addComment-Green a { background:url(../images/themes/green-comment.png) no-repeat; width:98px; height:20px; display:block; text-indent:-5000px; overflow:hidden;} #addComment-Green a:hover { background-position:0 -20px;} #sendToFriend-Green {width:114px; height:20px; float:right;} #sendToFriend-Green a {background:url(../images/themes/green-send.png) no-repeat; width:114px; height:20px; display:block; text-indent:-5000px; overflow:hidden;} #sendToFriend-Green a:hover {background-position:0 -20px;} #addComment-Silver {width:98px; height:20px; float:right; position:relative; right:40px; top:2px;} #addComment-Silver a { background:url(../images/themes/silver-comment.png) no-repeat; width:98px; height:20px; display:block; text-indent:-5000px; overflow:hidden;} #addComment-Silver a:hover { background-position:0 -20px;} #sendToFriend-Silver {width:114px; height:20px; float:right;} #sendToFriend-Silver a {background:url(../images/themes/silver-send.png) no-repeat; width:114px; height:20px; display:block; text-indent:-5000px; overflow:hidden;} #sendToFriend-Silver a:hover {background-position:0 -20px;} #addComment-Red {width:98px; height:20px; float:right; position:relative; right:40px; top:2px;} #addComment-Red a { background:url(../images/themes/red-comment.png) no-repeat; width:98px; height:20px; display:block; text-indent:-5000px; overflow:hidden;} #addComment-Red a:hover { background-position:0 -20px;} #sendToFriend-Red {width:114px; height:20px; float:right;} #sendToFriend-Red a {background:url(../images/themes/red-send.png) no-repeat; width:114px; height:20px; display:block; text-indent:-5000px; overflow:hidden;} #sendToFriend-Red a:hover {background-position:0 -20px;} #addComment-Yellow {width:98px; height:20px; float:right; position:relative; right:40px; top:2px;} #addComment-Yellow a { background:url(../images/themes/yellow-comment.png) no-repeat; width:98px; height:20px; display:block; text-indent:-5000px; overflow:hidden;} #addComment-Yellow a:hover { background-position:0 -20px;} #sendToFriend-Yellow {width:114px; height:20px; float:right;} #sendToFriend-Yellow a {background:url(../images/themes/yellow-send.png) no-repeat; width:114px; height:20px; display:block; text-indent:-5000px; overflow:hidden;} #sendToFriend-Yellow a:hover {background-position:0 -20px;} #Black-theme-bg {background: #262626 url(../images/themes/black-bg.gif) repeat-x} .Black-theme-databox {color:#ebebeb;} .Black-theme {color:#000000;} .Black-theme a {color:#000000; text-decoration: underline;} .Black-theme-other a {color:#a3a3a3; text-decoration: underline; background:url(../images/themes/black-bigarrow.gif) no-repeat right; padding:0 12px 0 0; font-weight:bold;} .Black-theme-prev {background:url(../images/themes/black-navarrowl.gif) no-repeat left; padding:0 0 2px 10px;} .Black-theme-next {background:url(../images/themes/black-navarrowr.gif) no-repeat right; padding:0 10px 2px 0;} .Black-theme-prof {background:url(../images/themes/black-smallarrow.gif) no-repeat right; padding:0 10px 2px 0;} #send-submit-Black {background:url(../images/themes/black-sen.png) no-repeat; width:45px; height:21px; cursor:pointer;} #send-submit-Black:hover {background-position:0 -21px;} #comment-add-Black {background:url(../images/themes/black-save.png) no-repeat; width:45px; height:21px; cursor:pointer; margin-top:5px;} #comment-add-Black:hover {background-position:0 -21px;} #Blue-theme-bg {background: #20254a url(../images/themes/blue-bg.gif) repeat-x} .Blue-theme-databox {color:#b7cdff;} .Blue-theme {color:#171f63;} .Blue-theme a {color:#171f63; text-decoration: underline;} .Blue-theme-other a {color:#a3a3a3; text-decoration: underline; background:url(../images/themes/blue-bigarrow.gif) no-repeat right; padding:0 12px 0 0; font-weight:bold;} .Blue-theme-prev {background:url(../images/themes/blue-navarrowl.gif) no-repeat left; padding:0 0 2px 10px;} .Blue-theme-next {background:url(../images/themes/blue-navarrowr.gif) no-repeat right; padding:0 10px 2px 0;} .Blue-theme-prof {background:url(../images/themes/blue-smallarrow.gif) no-repeat right; padding:0 10px 2px 0;} #send-submit-Blue {background:url(../images/themes/blue-sen.png) no-repeat; width:45px; height:21px; cursor:pointer;} #send-submit-Blue:hover {background-position:0 -21px;} #comment-add-Blue {background:url(../images/themes/blue-save.png) no-repeat; width:45px; height:21px; cursor:pointer; margin-top:5px;} #comment-add-Blue:hover {background-position:0 -21px;} #Silver-theme-bg {background: #c3c3c3 url(../images/themes/silver-bg.gif) repeat-x} .Silver-theme-databox {color:#bdcfd2;} .Silver-theme {color:#808e95;} .Silver-theme a {color:#808e95; text-decoration: underline;} .Silver-theme-other a {color:#1c1c1c; text-decoration: underline; background:url(../images/themes/silver-bigarrow.gif) no-repeat right; padding:0 12px 0 0; font-weight:bold;} .Silver-theme-prev {background:url(../images/themes/silver-navarrowl.gif) no-repeat left; padding:0 0 2px 10px;} .Silver-theme-next {background:url(../images/themes/silver-navarrowr.gif) no-repeat right; padding:0 10px 2px 0;} .Silver-theme-prof {background:url(../images/themes/silver-smallarrow.gif) no-repeat right; padding:0 10px 2px 0;} #send-submit-Silver {background:url(../images/themes/silver-sen.png) no-repeat; width:45px; height:21px; cursor:pointer;} #send-submit-Silver:hover {background-position:0 -21px;} #comment-add-Silver {background:url(../images/themes/silver-save.png) no-repeat; width:45px; height:21px; cursor:pointer; margin-top:5px;} #comment-add-Silver:hover {background-position:0 -21px;} #Red-theme-bg {background: #bf0000 url(../images/themes/red-bg.gif) repeat-x} .Red-theme-databox {color:#e40000;} .Red-theme {color:#e40000;} .Red-theme a {color:#e40000; text-decoration: underline;} .Red-theme-other a {color:#1c1c1c; text-decoration: underline; background:url(../images/themes/red-bigarrow.gif) no-repeat right; padding:0 12px 0 0; font-weight:bold;} .Red-theme-prev {background:url(../images/themes/red-navarrowl.gif) no-repeat left; padding:0 0 2px 10px;} .Red-theme-next {background:url(../images/themes/red-navarrowr.gif) no-repeat right; padding:0 10px 2px 0;} .Red-theme-prof {background:url(../images/themes/red-smallarrow.gif) no-repeat right; padding:0 10px 2px 0;} #send-submit-Red {background:url(../images/themes/red-sen.png) no-repeat; width:45px; height:21px; cursor:pointer;} #send-submit-Red:hover {background-position:0 -21px;} #comment-add-Red {background:url(../images/themes/red-save.png) no-repeat; width:45px; height:21px; cursor:pointer; margin-top:5px;} #comment-add-Red:hover {background-position:0 -21px;} #Yellow-theme-bg {background: #d9c124 url(../images/themes/yellow-bg.gif) repeat-x} .Yellow-theme-databox {color:#f6db29;} .Yellow-theme {color:#808e95;} .Yellow-theme a {color:#808e95; text-decoration: underline;} .Yellow-theme-other a {color:#1c1c1c; text-decoration: underline; background:url(../images/themes/yellow-bigarrow.gif) no-repeat right; padding:0 12px 0 0; font-weight:bold;} .Yellow-theme-prev {background:url(../images/themes/yellow-navarrowl.gif) no-repeat left; padding:0 0 2px 10px;} .Yellow-theme-next {background:url(../images/themes/yellow-navarrowr.gif) no-repeat right; padding:0 10px 2px 0;} .Yellow-theme-prof {background:url(../images/themes/yellow-smallarrow.gif) no-repeat right; padding:0 10px 2px 0;} #send-submit-Yellow {background:url(../images/themes/yellow-sen.png) no-repeat; width:45px; height:21px; cursor:pointer;} #send-submit-Yellow:hover {background-position:0 -21px;} #comment-add-Yellow {background:url(../images/themes/yellow-save.png) no-repeat; width:45px; height:21px; cursor:pointer; margin-top:5px;} #comment-add-Yellow:hover {background-position:0 -21px;} #Green-theme-bg {background: #238631 url(../images/themes/green-bg.gif) repeat-x} .Green-theme-databox {color:#289837;} .Green-theme {color:#289837;} .Green-theme a {color:#289837; text-decoration: underline;} .Green-theme-other a {color:#1c1c1c; text-decoration: underline; background:url(../images/themes/green-bigarrow.gif) no-repeat right; padding:0 12px 0 0; font-weight:bold;} .Green-theme-prev {background:url(../images/themes/green-navarrowl.gif) no-repeat left; padding:0 0 2px 10px;} .Green-theme-next {background:url(../images/themes/green-navarrowr.gif) no-repeat right; padding:0 10px 2px 0;} .Green-theme-prof {background:url(../images/themes/green-smallarrow.gif) no-repeat right; padding:0 10px 2px 0;} #send-submit-Green {background:url(../images/themes/green-sen.png) no-repeat; width:45px; height:21px; cursor:pointer;} #send-submit-Green:hover {background-position:0 -21px;} #comment-add-Green {background:url(../images/themes/green-save.png) no-repeat; width:45px; height:21px; cursor:pointer; margin-top:5px;} #comment-add-Green:hover {background-position:0 -21px;} .previous-disabled { color:#999999; background:url(../images/themes/greyarrowl.gif) no-repeat left; padding:0 0 2px 10px;} .next-disabled { color:#999999; background:url(../images/themes/greyarrowr.gif) no-repeat right; padding:0 10px 2px 0;} /* Features */ .feature-type {cursor:pointer; background:url(../images/features/feature-bg.png) no-repeat; width:204px; height:233px; margin:0 8px 10px 0; float:left;} .feature-main {cursor:pointer; background:url(../images/features/mainfeature-bg.png) no-repeat; width:415px; height:234px; margin:0 8px 9px 0; float:left;} #archive-btn {width:122px; height:20px; float:right; margin:0 15px 0 0;} #archive-btn a {background:url(../images/features/archive-btn.png) no-repeat; width:122px; height:20px; display:block; text-indent:-5000px; overflow:hidden;} #archive-btn a:hover {background-position:0 -20px;} #archive-table {width:100%; font-size:10px;} #archive-table th {text-align:left; font-weight:bold; color:#506e83;} #archive-table th.title {width:45%;} #archive-table th.type {width:10%;} #archive-table th.name {width:25%;} #archive-table th.date {width:15%;} #archive-table th.edit {width:5%;} #featureTop {position:relative; bottom:77px; float:left;} #featureProfileBox {width:260px; position:relative; bottom:77px; background:url(../images/features/databox-profile.jpg) no-repeat top; height:65px; float:left; clear:left;} #featureProfile {line-height:13px; height:64px; font-size:10px; position:relative; z-index:100;} #featureProfile strong {font-size:11px;} #featureProfile .padder {padding-top:5px;} #featureProfile span {color:#545454; font-weight:bold;} #featureProfileBox #featureImg {padding:1px 5px 0 16px; float:left;} #featureDatabox {background:#eaeaea url(../images/features/databox-data.png) no-repeat top; width:260px; clear:both; font-size:10px;} #featureDatabox strong {color:#506e83; padding-left:16px; line-height:18px;} #featureDatabox h4 {padding:7px 0 7px 16px;} #featureMainBox {width:610px; float:right; margin-right:120px; } #featureCommentBox {width:610px; float:right; margin-right:120px; } .feature-para p {margin:0; line-height:16px;} /* entry/feature styles */ .journalModel {width:900px;} /*.journalMake {width:900px;}*/ #save_decline {background:url(../images/mypage/rejectBtn.png) no-repeat; width:59px; height:20px; cursor:pointer;} #save_decline:hover {background-position:0 -20px;} #save_accept {background:url(../images/mypage/approveBtn.png) no-repeat; width:123px; height:20px; cursor:pointer;} #save_accept:hover {background-position:0 -20px;} .save_cancel {background: url(../images/spinner.gif) no-repeat; width: 16px; height: 16px; margin-right:30px; display:none;} #admin_buttons { position:relative; width:370px; } #gotoprofile {background:url(/images/themes/arrow.gif) right no-repeat; padding:0 8px 2px 2px;} .editentry {background:url(/images/themes/arrow.gif) right no-repeat; padding:0 8px 2px 2px;} .deleteentry {background:url(/images/themes/arrow.gif) right no-repeat; padding:0 8px 2px 2px;} .commentBox {display:none; clear:both;} .comment-hr {width:330px;} .comment-content {font-size:10px; margin-bottom:5px; width:330px; overflow:hidden;} .comment-author {font-size:9px; margin-bottom:15px;} .comment-author span {color:#506e83;} .comment-author a {color:#545454;} #comment-add {background:url(../images/journals/save-btn.png) no-repeat; width:45px; height:21px; cursor:pointer; margin-top:5px;} #comment-add:hover {background-position:0 -21px;} #frm_comment #comment { border:#7f9db9 solid 1px;} #hero #journalName {position:absolute; z-index:2;} #j-comment {padding:0 20px 10px 20px;} #j-comment-content {width:370px; float:left;} #j-comment-title {float:left; width:200px;} .j-comment-comment {font-size:10px; margin-bottom:5px;} .j-comment-user {font-size:9px; margin-bottom:15px;} .j-comment-user a {color:#545454;} #j-leftcol {float:left; width:260px;} #j-otherentries {position:relative; top:225px; float:right; margin-right:18px;} #j-content { width:610px; float:right; margin-right:120px; background: #d9d9d9 url(/images/themes/light-bg.gif) repeat-x; min-height:700px; height:auto !important; height:700px; } #j-content-padder {padding:20px 20px 10px 20px; /* border-left:#c4c4c4 solid 1px; border-right:#c4c4c4 solid 1px;*/} #j-content-leftcol {width:370px; float:left;} .grey {color:#545454;} #j-content-rightcol {width:190px; float:right;} .j-content-image {background:url(/images/journals/content-img.png) no-repeat; width:190px; height:174px; margin-bottom:40px; clear:right;} .j-content-image img {padding-top:1px;} .j-content-image span {padding:5px; display:block;} #j-lefthr {width:260px; background:url(/images/themes/comment-divide.png) repeat-x; position:absolute; height:15px; left:0px; margin-top:10px;} #j-righthr {width:120px; background:url(/images/themes/comment-divide.png) repeat-x; position:absolute; height:15px; right:0px; margin-top:10px;} #j-mainhr {width:610px; background:url(/images/themes/comment-divide.png) repeat-x; height:15px;} #j-bookmark {background:url(/images/features/bookmark-bg.png) no-repeat; width:190px; height:183px; float:right;} #j-bookmark-padder {padding:20px;} #j-bookmark-title {margin-bottom:10px;} #j-footer {position:relative; width:610px; float:right; margin-right:120px;} #j-footer img {margin-bottom:10px;} #bookmarks {background:url(/images/features/bookmark-bg.png) no-repeat; width:190px; height:183px; float:right;} #bookmarks-padder { padding:20px;} #bookmarks a {color:#545454; font-size:10px; text-decoration:underline;} #bookmarks a:hover {text-decoration:none;} #delicious {background:url(/images/delicious.gif) left no-repeat; height:16px; line-height:16px; padding-left:26px; margin-bottom:8px;} #digg {background:url(/images/digg.gif) left no-repeat; height:16px; line-height:16px; padding-left:26px; margin-bottom:8px;} #facebook {background:url(/images/facebook.gif) left no-repeat; height:16px; line-height:16px; padding-left:26px; margin-bottom:8px;} #reddit {background:url(/images/reddit.gif) left no-repeat; height:16px; line-height:16px; padding-left:26px; margin-bottom:8px;} #stumbleupon {background:url(/images/stumbleupon.gif) left no-repeat; height:16px; line-height:16px; padding-left:26px; margin-bottom:8px;} #themefooter {position:absolute; z-index:1;} /* other pages */ /* subnav */ #about-nav {width:207px; padding-top:20px; float:left;} #about-nav div {width:207px; height:29px;} #about-nav a {display:block; text-indent:-5000px; overflow:hidden; width:207px; height:29px;} #about-nav a:hover {background-position:-207px 0;} #nav-about {height:31px;} #nav-about a {height:31px; background: url(../images/pages/n-about.png) no-repeat;} #nav-contact a {background: url(../images/pages/n-contact.png) no-repeat;} #nav-links {height:38px;} #nav-links a {background: url(../images/pages/n-links.png) no-repeat; height:38px;} #about-nav .n-selected {background-position:-207px 0px;} /******************** NEW FEATURE PAGE ***********************/ #newfeaturePage #featureHero { clear: both; width: 990px; height: 490px; position: relative; left: 0; background-image: url(/images/entry/upload.gif); } #newfeaturePage #changeHero { position: absolute; top: 599px; left: 634px; } #newfeaturePage #btnUpload_hero_image { background: url(/images/entry/journalnew_heroimage.gif) no-repeat; width: 109px; height: 20px; cursor: pointer; } #newfeaturePage #editHero { position: absolute; top: 598px; left: 754px; } #newfeaturePage #hero_edit { background: url(/images/entry/journalnew_editimage.gif) no-repeat; width: 109px; height: 20px; cursor: pointer; } #newfeaturePage #hero_edit:hover { background-position:0 -20px; } #newfeaturePage #featureParagraphs { width: 200px; } #newfeaturePage .featureParagraph { margin-bottom: 15px; width: 580px; } #newfeaturePage .featurePosition { margin-top: 5px; } #newfeaturePage .featurePosition * { float: left; } #newfeaturePage .featurePosition dt { margin-right: 15px; } #newfeaturePage .featurePosition input { margin-left: 10px; margin-right: 3px; } #newfeaturePage .featureRemove { margin-top: 10px; } #newfeaturePage .featureRemove dt {display:none; } #newfeaturePage .featureRemove button { padding: 5px; } #newfeaturePage #featureParagraphs .featureParagraph .mceLayout { border: 1px solid #7F9DB9; } #newfeaturePage .featureParagraphImage textarea { margin-top: 2px; width: 194px; height: 30px; font-family: arial; font-size: 10px; padding: 2px; border: 1px solid #7F9DB9; } #newfeaturePage .featureParagraphImage { margin-top: 30px; float:right; } #newfeaturePage .featureParagraphRemove { float:right; clear:right; } #newfeaturePage #logbook { padding: 15px 15px 15px 15px; background-color: #232323; background-image: url(/images/entry/log_bottom.gif); background-position: bottom; background-repeat: no-repeat; color: #BDCFD2; font-size: .95em; width: 230px; float: left; } #newfeaturePage #logbook #feature_logbook dt { float: left; width: 80px; margin-bottom: 4px; } #newfeaturePage #logbook #feature_logbook dd { margin-bottom: 4px; } #newfeaturePage #logbook #feature_logbook input { width: 115px; padding: 2px; } #newfeaturePage #logbookHeader { font-size: 12px; font-weight: bold; font-style: italic; text-transform: uppercase; margin: 10px 0 ; clear:both; } #newfeaturePage #featureMainWrap { float: left; width: 612px; background-image: url(/images/entry/main_bg.gif); background-repeat: repeat-y; margin-bottom: 20px; color: #545454; } #newfeaturePage #featureMain { float: left; left: 210px; width: 360px; padding-left: 10px; } #newfeaturePage #featureMain dt { margin: 0; padding: 0; } #newfeaturePage #featureMain .error { color: red; padding: 5px; font-size: 12px; width: 500px; } #newfeaturePage .btnUpload_feature_image { margin: 5px 0px 15px 30px; padding: 3px; background: url(/images/entry/upload_image.gif) no-repeat; width: 147px; height: 20px; cursor: pointer; } #newfeaturePage #featureHeader { position: absolute; bottom: 0; left: 0; background-color: #000000; color: #bdcfd2; } #newfeaturePage #featureHeader h1 { margin: 10px; font-size: 18px; text-transform: uppercase; } #newfeaturePage #featureInfo { clear: both; width: 100%; min-height: 30px; color: #ffffff; background-image: url(/images/entry/journal_bg.gif); height: 26px; padding-left: 10px; padding-top: 4px; } #newfeaturePage #featureInfo select { border: 1px solid #7F9DB9; } #newfeaturePage #featureChanger { background: url(/images/entry/journal_bg.gif) no-repeat; height: 26px; padding-left: 10px; padding-top: 4px; } #newfeaturePage #typeChanger { left:452px; position:absolute; top:615px; } #newfeaturePage #typeChanger dt { float: left; } #newfeaturePage #typeChanger dd { float: left; } #newfeaturePage #typeChanger label { margin-right: 10px; } #newfeaturePage #feature_title { width: 344px; padding: 3px; font-size: 14px; } #newfeaturePage #mainFlash { width:100%; height:100%; } #newfeaturePage #content { width: 872px; } #newfeaturePage #featureTitleWrap { margin-top: 15px; margin-bottom: 10px; } #newfeaturePage #featureTitleWrap dt { float: left; width: 80px; margin-bottom: 4px; } #newfeaturePage #featureTitleWrap dd { margin-bottom: 4px; } #newfeaturePage #featureTitleWrap input { width: 185px; padding: 2px; border: 1px solid #7F9DB9;} #newfeaturePage #featureAbstractWrap { margin-bottom: 10px; } #newfeaturePage #featureAbstractWrap dt { margin-bottom: 4px; } #newfeaturePage #featureAbstractWrap dd { margin-bottom: 4px; } #newfeaturePage #featureAbstractWrap textarea { padding: 2px; border: 1px solid #7F9DB9; } #newfeaturePage #save_approval { background: url(/images/entry/submit_approval.gif) no-repeat; width: 141px; height: 20px; cursor:pointer; } #newfeaturePage #save_approval:hover { background-position:0 -20px; } #newfeaturePage #save_draft { background: url(/images/entry/submit_draft.gif) no-repeat; width: 101px; height: 20px; cursor:pointer; } #newfeaturePage #save_draft:hover { background-position:0 -20px; } #newfeaturePage #save_cancel { background: url(/images/entry/submit_cancel.gif) no-repeat; width: 62px; height: 20px; cursor:pointer; } #newfeaturePage #save_cancel:hover { background-position:0 -20px; } #newfeaturePage #feature_buttons dt, #newfeaturePage #feature_buttons dd { float:left; } #newfeaturePage .removeparaBtn {background:url(/images/features/removeparaBtn.png) no-repeat; width:128px; height:20px; cursor:pointer;} #newfeaturePage .removeparaBtn:hover {background-position:0 -20px;} #newfeaturePage #new_paragraph {background:url(/images/features/addnew-btn.png) no-repeat; width:130px; height:20px; cursor:pointer; margin-left:4px;} #newfeaturePage #new_paragraph:hover {background-position:0 -20px;} #newfeaturePage #save_publish {background:url(/images/mypage/publishBtn.png) no-repeat; width:62px; height:20px; cursor:pointer;} #newfeaturePage #save_publish:hover {background-position:0 -20px;} /******************** NEW JOURNAL / ENTRY PAGE ***********************/ #newentryPage #journalHero { clear: both; width:990px; height:490px; position: relative; left: 0; background-image: url(/images/entry/upload.gif); } #newentryPage #changeHero { position: absolute; right: 236px; top: 599px; } #newentryPage #btnUpload_hero_image {background:url(/images/entry/journalnew_heroimage.gif) no-repeat; width: 109px; height: 20px; cursor: pointer; } #newentryPage #editHero { position: absolute; right: 125px; top: 598px; width: 109px; height: 20px; } #newentryPage #hero_edit { background: url(/images/entry/journalnew_editimage.gif) no-repeat; width: 109px; height: 20px; cursor: pointer; } #newentryPage #hero_edit:hover { background-position:0 -20px; } #newentryPage #entryImages { width: 200px; margin-right: 20px; } #newentryPage .entryImage { margin-bottom: 15px; } .entryImageCaption { margin-top: 2px; width: 194px; height: 30px; font-family: arial; font-size: 10px; padding: 2px; border: 1px solid #7F9DB9; } .entryImageActive { margin-bottom: 15px; } .entryImageHelper { margin-top: 15px; border: 1px dotted #ffffff; background-color: #C4C4C4; } .entryImageDelete { font-size: 10px; float: right; margin-bottom: 10px; display: block; height: 15px;} .entryImageSave { font-size: 10px; float: left; margin-bottom: 10px; display: block; height: 15px; cursor:pointer;} .entryImageImage { margin-bottom: 3px; cursor: move; } #newentryPage #logbook { padding: 15px 0 15px 10px; background-color: #232323; background-image: url(/images/entry/log_bottom.gif); background-position: bottom; background-repeat: no-repeat; color: #BDCFD2; font-size: .95em; width: 250px; float: left; } #newentryPage #logbook #entry_logbook dt { float: left; width: 85px; clear:left; } #newentryPage #logbook #entry_logbook dd { margin-bottom: 0px; } #newentryPage #logbook #entry_logbook input { width: 131px; padding: 2px; border:1px solid #7F9DB9; margin-bottom:4px; } #newentryPage #logbook #entry_logbook select { margin-bottom:4px; font-size: 1.0em; } #newentryPage #logbookHeader { font-size: 12px; font-weight: bold; font-style: italic; text-transform: uppercase; margin-bottom: 0; } #newentryPage #journalMainWrap { float: left; width: 612px; background-image: url(/images/entry/main_bg.gif); background-repeat: repeat-y; margin-bottom: 20px; color: #545454; } #newentryPage #journalMain { float: left; left: 210px; width: 360px; padding-left: 10px; } #newentryPage #journalMain dt { margin: 0; padding: 0; } #newentryPage #journalMain .error { color: red; padding: 5px; font-size: 12px; width: 500px; } #newentryPage #btnUpload_entry_image { margin: 5px 0px 15px 30px; padding: 3px; background: url(/images/entry/upload_image.gif) no-repeat; width: 147px; height: 20px; cursor: pointer; } #newentryPage #btnUpload_entry_image:hover { background-position:0 -20px; } #newentryPage #btnCancel_entry_image { margin: 5px 0px 15px 30px; } #newentryPage #journalHeader { position: absolute; bottom: 0; left: 0; background-color: #000000; color: #bdcfd2; } #newentryPage #journalHeader h1 { margin: 10px; font-size: 18px; text-transform: uppercase; } #newentryPage #journalMakeModel { position: absolute; top: 15px; left: 15px; } #newentryPage #journalMakeModel .journalMakeName { font-size: 30px; color: #bdcfd2; font-style: italic; text-transform: uppercase; } #newentryPage #journalMakeModel .journalModelName { font-size: 48px; color: #bdcfd2; font-style: italic; text-transform: uppercase; } #newentryPage #journalInfo { clear: both; width: 100%; min-height: 30px; color: #ffffff; } #newentryPage #journalInfo select { border: 1px solid #7F9DB9; font-size: 11px; } #newentryPage #journalChanger { background-image: url(/images/entry/journal_bg.gif); height: 24px; padding-left: 10px; padding-top: 6px; width: 900px; } #newentryPage #themeChanger { position: absolute; right: 350px; margin: 6px 10px 0px 0px; } #newentryPage #entry_title { width: 344px; padding: 3px; font-size: 14px; } #newentryPage #createNewJournal { background-image: url(/images/entry/journalnew_bg.gif); position: relative; padding-top: 6px; height: 100px; display: none; } #newentryPage #createNewJournalButtonWrap { background-image: url(/images/entry/journalnew_btn.gif); width: 138px; height: 20px; margin-top: 0px; float: left; } #newentryPage #createNewJournalButtonWrap:hover { background-position: 0 -20px; } #newentryPage #createNewJournalButton { display: block; width: 138px; height: 20px; } #newentryPage #createNewJournalCloseWrap { float: left; background-image: url(/images/entry/ok_btn.gif); width: 31px; height: 20px; } #newentryPage #createNewJournalCloseWrap:hover { background-position: 0 -20px; } #newentryPage #createNewJournalCloseButton { display: block; width: 31px; height: 20px; } #newentryPage #newCreateNewJournalCloseWrap { float: left; background-image: url(/images/entry/ok_btn.gif); width: 31px; height: 20px; } #newentryPage #newCreateNewJournalCloseWrap:hover { background-position: 0 -20px; } #newentryPage #newCreateNewJournalCloseButton { display: block; width: 31px; height: 20px; } #newentryPage #createNewJournal input { float: left; padding: 2px; border: 1px solid #7F9DB9; width: 120px; margin-right: 4px; color: #999; } #newentryPage #createNewJournal select { float: left; padding: 2px; border: 1px solid #7F9DB9; width: 120px; margin-right: 4px; } #newentryPage #createNewJournalInner { background-image: url(/images/entry/journalnew_dropdown_bg.gif); width: 473px; height: 76px; padding: 20px 0 0 20px; margin-left: 15px; } #newentryPage #createNewJournalHeader { font-size: 12px; font-style: italic; text-transform: uppercase; color: #545454; font-weight: bold; margin-bottom: 7px; } #newentryPage #editJournalButtonWrap { background: url(../images/mypage/editmakeBtn.png) no-repeat; width: 167px; height: 20px; margin-top: 0px; margin-left: 10px; float: left; cursor:pointer; } #newentryPage #editJournalButtonWrap:hover { background-position: 0 -20px; } #newentryPage #mainFlash { width:100%; height:100%; } #newentryPage #content { width: 872px; } #newentryPage #entryTitleWrap { margin-top: 15px; margin-bottom: 10px; } #newentryPage #entryTitleWrap dt { float: left; width: 80px; margin-bottom: 4px; } #newentryPage #entryTitleWrap dd { margin-bottom: 4px; } #newentryPage #entryTitleWrap input { width: 185px; padding: 2px; border: 1px solid #7F9DB9; } #newentryPage #entryParagraphWrap { margin-bottom: 10px; } #newentryPage #entryParagraphWrap dt { margin-bottom: 1px; } #newentryPage #entryParagraphWrap dd { margin-bottom: 1px; } #newentryPage #entryParagraphWrap textarea { padding: 2px; border: 1px solid #7F9DB9; } #newentryPage #entryContentWrap #entry_content_tbl { border: 1px solid #7F9DB9; } #newentryPage #save_approval { background: url(/images/entry/submit_approval.gif) no-repeat; width: 141px; height: 20px; cursor:pointer; } #newentryPage #save_approval:hover { background-position:0 -20px; } #newentryPage #save_draft { background: url(/images/entry/submit_draft.gif) no-repeat; width: 101px; height: 20px; cursor:pointer; } #newentryPage #save_draft:hover { background-position:0 -20px; } #newentryPage #save_cancel { background: url(/images/entry/submit_cancel.gif) no-repeat; width: 62px; height: 20px; cursor:pointer; } #newentryPage #save_cancel:hover { background-position:0 -20px; } #newentryPage #save_preview { background: url(/images/entry/submit_preview.gif) no-repeat; width: 62px; height: 20px; cursor:pointer; } #newentryPage #save_preview:hover { background-position:0 -20px; } #newentryPage #entry_buttons dt, #newentryPage #entry_buttons dd { float:left; } #newentryPage #admin_buttons dt, #newentryPage #admin_buttons dd { float:left; } #journalMain-number {margin:5px 0;} #returnBtn { background: url(/images/mypage/returntoedit.png) no-repeat; width: 126px; height: 20px; cursor: pointer; margin-left: 100px;} #returnBtn:hover { background-position:0 -20px; } #pending-table {width:100%; font-size:10px;} #pending-table th {text-align:left; font-weight:bold; color:#506e83;} #pending-table th.name {width:20%;} #pending-table th.entry {width:35%;} #pending-table th.date {width:18%;} #pending-table th.status {width:20%;} #pending-table th.edit {width:10%;} #pending-table th.delete {width:5%;} #journalMakeModelVariant {width:170px; height:19px; overflow:hidden;} #journalChanger #journal_id {width:170px;} #entry-cancel {width:62px; height:20px; position:relative; margin:5px 0 0 3px;} #entry-cancel a {background:url(../images/entry/submit_cancel.gif) no-repeat; width:62px; height:20px; display:block; text-indent:-5000px; overflow:hidden;} #entry-cancel a:hover {background-position:0 -20px;} #feature_databox {clear:both;} #feature_databox dl dt {display:none;} #feature_databox dl dd {float:left;} #feature_databox dl dd input {width:110px; margin:0 5px 3px 0;} .featureParagraphImage .swfupload { position: absolute; z-index: 1; margin:22px 0 0 30px; } #journalInfo #changeHero .swfupload { position: absolute; z-index: 1; margin-top:17px; } #entryPara {margin:15px 0; font-size:12px; line-height:18px;} #entryContent {margin:15px 0; font-size:10px; line-height:16px;} #entryContent p {line-height:16px;} #helpsection h2 {padding-bottom:15px;} #helpsection ul {list-style:inside disc;} .sIFR-replaced a { display: none !important; left:50000px;} #introtext { clear:both; color: #A2AFBD; margin: 40px 0px 0px 20px; }