/* ------------------------------------------------------------------------ Global Style file ------------------------------------------------------------------------ Ridepot Typ: Interface file For: All browsers */ /* =reset & global ---------------------------------------------------------------------------- */ html, body{ height: 100%; } html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, address, form, fieldset, img, ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub, dfn, ins, del, q, cite, var, samp, code, kbd, tt { margin: 0; padding: 0; border: 0; } img, fieldset { border: none; } a, a:visited { text-decoration: none; } li { list-style: none; } a img { border: 0em; vertical-align: middle;} label { cursor: pointer;} legend { display: none; } abbr, acronym { cursor: help; border-bottom:1px dotted #000000 } em { background:#ffe; font-weight:bold; font-style:normal; } table{ border-collapse: collapse;border-spacing: 0; } th, td{ text-align:left; } address { display:block; font-style:normal; } blockquote, q { quotes: none; } input.submit {cursor:pointer; } :focus { outline: 0; } .red{color:#cd3b3b !important;} .black{color:#000000 !important;} ins { text-decoration: none; } del { text-decoration: line-through; } div.clear { clear:both; overflow:hidden; height:0px; } /* =layout ---------------------------------------------------------------------------- */ body{ color:#5a5a5a; text-align: center; font-size:100%; line-height:1em; background:url(default/bg.png); } body, input, textarea, select, option, optgroup, button{ font-family: "Tahoma", "Arial", LucidaGrande, "Lucida Sans", Geneva, Verdana, Arial, Helvetica, sans-serif; } .wrapper{ text-align: left; margin:0 auto; width:975px; font-size:11px; } input, textarea, select, option, optgroup, button { font-size: 1em; vertical-align:middle; } h1, h2, h3, h4, h5, h6{ color:#0c63c5; line-height:1.0em; font-weight:normal; padding:6px 0px 6px 0px; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{ vertical-align:middle; margin-right:15px; } h1{ font-size:32px; } h2{ font-size:25px; } h3{ font-size:20px; } h4{ font-size:18px; } h5{ font-size:1.4em; } h6{ font-size:12px; } h2 small{ font-size:18px; vertical-align:middle; } h4{ color:#000000; font-weight:normal; position:relative; } h4.border-bottom{ border-bottom:1px solid #eeeeee; } h4 a.inside{ position:absolute; right:0px; bottom:5px; font-size:11px; } h5{ font-weight:bold; border-bottom:1px dotted #000000;} /* =layout varabiles - javascript notation ---------------------------------------------------------------------------- */ .textRight{ text-align:right; } .textCenter{ text-align:center; } .colorBlack{ color:#000000; } .colorRed{ color:#000; } .defaultBlue{ color:#2298c6; } /* =header elements ---------------------------------------------------------------------------- */ #header-container{ background:url(default/header/bg.png) repeat-x; overflow:hidden; height:122px; } #header-container .wrapper, #header-container .wrapper h1 a{ height:100%; position:relative; } #header-container .wrapper #userbar, #header-container .wrapper ul#menu, #header-container .wrapper h1{ position:absolute; } #header-container .wrapper #userbar{ top:0px; right:0px; } #header-container .wrapper h1{ width:392px; height:114px; top:0px; left:0px; background:url(default/header/logo.png) no-repeat left top; } #header-container .wrapper h1 a{ text-indent:-1000em; } #header-container .wrapper h1 a span{ display:block; height:13px; width:13px; position:absolute; right:170px; top:79px; } #header-container .wrapper h1 a:hover span{ background:#000; background:url(default/icon/home.png) no-repeat right top; } #header-container .wrapper li{ float:left; } #header-container a.icon{ padding-left:22px; } #header-container .wrapper h1 a, #header-container .wrapper li, #header-container .wrapper ul#menu li a{ display:block; } #header-container .wrapper ul#menu{ bottom:3px; right:0px; } #header-container .wrapper ul#menu li{ height:38px; line-height:38px; margin:0px 3px 0px 3px; padding-left:3px; } #header-container .wrapper ul#menu li p{ padding-right:3px; float:left;height:100%; } #header-container .wrapper ul#menu li p span{ display:block; padding:0px 7px 0px 7px; float:left;height:100%; } #header-container .wrapper ul#menu li a{ font-size:14px; text-align:center; line-height:35px; } #header-container .wrapper ul#menu li.selected{ background:url(default/header/menu-selected-left.png) no-repeat left top; } #header-container .wrapper ul#menu li.selected p{ background:url(default/header/menu-selected-right.png) no-repeat right top; } #header-container .wrapper ul#menu li.selected p span{ background:url(default/header/menu-selected-center.png) repeat-x right top; } #header-container .wrapper ul#menu li.selected p span a{ float:left;height:100%; background:url(default/header/menu-selected-neon.png) no-repeat bottom center; } #header-container .wrapper #userbar .left, #header-container .wrapper #userbar .center, #header-container .wrapper #userbar .right, #header-container .wrapper #userbar ul{ float:left; height:36px; } #header-container .wrapper #userbar .left, #header-container .wrapper #userbar .right{ width:9px; } #header-container .wrapper #userbar ul li{ padding:10px; } #header-container .wrapper #userbar ul li.slash{ padding:10px 0px 10px 0px; } #header-container .wrapper #userbar ul li a{ color:#2498c4; } #header-container .wrapper #userbar ul li a.signup{ color:#9b0103; } #header-container .wrapper #userbar .left{background:url(default/header/userbar-left.png) no-repeat left top;} #header-container .wrapper #userbar .right{background:url(default/header/userbar-right.png) no-repeat left top;} #header-container .wrapper #userbar .center{background:#000000 url(default/header/userbar-center-left.png) no-repeat left top;} #header-container .wrapper #userbar ul{background:url(default/header/userbar-center-right.png) no-repeat right top;} /* =top elements ---------------------------------------------------------------------------- */ #top-container h2{ font-size:22px; color:#ffffff; margin:20px 0px 5px 0px; } #top-container .inner, #top-container .wrapper, #top-container #tour #navi{ position:relative; } #top-container #tour #navi ul, #top-container #tour #navi .cor-left, #top-container #tour #navi .cor-right, #top-container #tour #navi .cor-center, #top-container .slider .wrapper .close{ position:absolute; } #top-container .wrapper, #top-container ul#slideshow, #top-container ul#slideshow li, #top-container #tour, #top-container #tour #navi .cor-left, #top-container #tour #navi .cor-right, #top-container #tour #navi .cor-center{ height:100%; } #top-container .inner, #top-container #tour #navi, #top-container #tour .about{ overflow:hidden; } #top-container #tour #one, #top-container .slider .wrapper .close a{ display:block; } #top-container .inner{ border-top:1px solid #678aa6; height:255px; color:#ffffff; background: url(default/top/bg.png) repeat-x; } #top-container ul#slideshow{width:380px;float:left;} #top-container ul#slideshow li{width:100%;text-indent:-1000em;} #top-container ul#slideshow li#foto-1{background:url(default/top/slideshow-foto-1.png) no-repeat left top;} #top-container ul#slideshow li#foto-2{background:url(default/top/slideshow-foto-2.png) no-repeat left top; display:none;} #top-container ul#slideshow li#foto-3{background:url(default/top/slideshow-foto-3.png) no-repeat left top; display:none;} #top-container #main-vehicle{ margin:15px 30px 0px 0px; width:312px; float:left; } #top-container #main-vehicle a{width:310px;height:225px;display:block;text-align:center;overflow: hidden} #top-container #main-vehicle img{ border:2px solid #216095; } #top-container #info{ margin:15px 48px 0px 0px;width:299px;float:left; } #top-container #info h2{ padding:0px; margin:0px; line-height:33px; font-size:26px; height:33px;}#top-container #info ul{ font-size:12px; } #top-container #info h2 span{ } #top-container #info ul li{ border-top:1px solid #5ea7c7; height:30px;line-height:30px; } #top-container #info #status{ color:#bfeafd; margin:2px 0px 8px 0px; overflow:hidden; } #top-container #info #status .top{ background:url(profile/status-top.png) no-repeat top left; height:4px; overflow:hidden;} #top-container #info #status .middle{ background:#307da9;padding:3px 15px 3px 15px; overflow:hidden; height:50px; } #top-container #info #status .bottom{ background:url(profile/status-bottom.png) no-repeat top left; height:4px; overflow:hidden;} #top-container #info ul#media{ overflow:hidden; } #top-container #info ul#media li{ float:left; font-size:11px; line-height:20px; height:20px; border:none; margin-right:15px; } #top-container #info ul#media li a{ float:left; padding-left:30px; } #top-container #options{ margin-top:15px; width:275px; float:left; position: relative; height: 220px; } #top-container #options h3{ color:#ffffff; font-size:14px; text-align:right; border-bottom:1px solid #5ea7c7; line-height:33px; height:33px; padding:0px; margin:0px; word-spacing:3px; } #top-container #options h3 a{ color: #b8e6fe; } #top-container #options ul#skin{ overflow:hidden;min-height: 13dpx; } #top-container #options ul#skin li{ border-right:1px solid #5ea7c7; float:right; height:37px; line-height:37px; padding:0px 6px 0px 6px; } #top-container #options ul#skin li:first-child{ border:none; padding:0px 0px 0px 6px; } #top-container #options ul#skin li span{ color: #b8e6fe; } #top-container #options dl{ position: absolute; left: 0; bottom: 0; overflow:hidden; height:130px; padding-right:5px; background:url(profile/options-box-right.png) no-repeat top right; } #top-container #options dl dt{ width:67px; float:left; height:100%; background:url(profile/options-box-left.png) no-repeat top left; text-indent:-1000em; } #top-container #options dl dd{ width:203px; float:left; height:100%; background:url(profile/options-box-center.png) repeat-x top left; } #top-container #options dl dd ul{ float:left; width:80px; margin:6px 0px 0px 16px; overflow:hidden; } #top-container #options dl dd ul.user-options{width: 175px;} #top-container #options dl dd ul li{ height:27px; line-height:27px; border-top:1px solid #5ea7c7; overflow:hidden; width:100%; float:left; } #top-container #options dl dd ul.user-options li{ height:23px; line-height:21px; border-top:1px solid #5ea7c7; overflow:hidden; width:100%; float:left; } #top-container #options dl dd ul li a{ height:100%; width:100%; display:block; margin:1px 0px 1px 0px; } #top-container #options dl dd ul li a:hover{ background:#5ea7c7; text-decoration:none; } #top-container #options dl dd ul li:first-child{ border:none; } #top-container #tour{ width:590px; float:left; } #top-container #tour .about{ width:415px; height:196px; line-height:18px; font-size:14px;font-family:"Arial", LucidaGrande, "Lucida Sans", Geneva, Verdana, Arial, Helvetica, sans-serif; } #top-container #tour .about div{display:none;} #top-container #tour .about div.selected{display:block;} #top-container #tour .about ul.box{ width:207px; float:left; } #top-container #tour .about ul li{line-height:24px;} #top-container #tour .about ul li a{padding-left:25px;} #top-container #tour #navi{height:41px;width:545px;} #top-container #tour #navi .cor-left, #top-container #tour #navi .cor-right{width:6px;top:0px;} #top-container #tour #navi .cor-left{left:0px;background:url(default/top/navi-left.png) repeat-x;} #top-container #tour #navi .cor-right{right:0px;background:url(default/top/navi-right.png) repeat-x;} #top-container #tour #navi .cor-center{right:6px;left:6px;background:url(default/top/navi-center.png) repeat-x;} #top-container #tour #navi ul{ left:0px; top:0px; z-index:10; height:39px; } #top-container #tour #navi ul li{ float:left; text-align:center; margin:0px 1px 0px 1px; } #top-container #tour #navi ul li a{ width:107px; display:block; height:39px; line-height:45px; } #top-container #tour #navi ul li a:hover{ text-decoration:none; background:url(default/top/navi-tab-hover.png) no-repeat left top; } #top-container #tour #navi ul li a.selected{ background:url(default/top/navi-tab.png) no-repeat left top; color:#424242; font-weight:bold; } #top-container #tour .signin, #top-container #tour .login{ position:absolute; right:0px; width:152px; height:37px; line-height:32px; text-align:center; font-size:18px; } #top-container #tour .signin{top:53px;background:url(default/top/signin.png);} #top-container #tour .login{top:104px;background:url(default/top/login.png);} #top-container .slider{background:url(default/top/slider.png); height:12px;} #top-container .slider .wrapper .close{ height:24px; right:0px; bottom:0px; overflow:hidden; font-size:10px; } #top-container .slider .wrapper .close .left, #top-container .slider .wrapper .close .right{ width:2px; float:left; height:100%; background:#000; } #top-container .slider .wrapper .close .left{ background:url(default/top/top-l.png) no-repeat left top; } #top-container .slider .wrapper .close .right{ background:url(default/top/top-r.png) no-repeat left top; } #top-container .slider .wrapper .close .center{ float:left; height:100%; background:url(default/top/top-c.png) repeat-x left top; padding:0px 10px 0px 10px; } #top-container .slider .wrapper .close a{ background:url(default/top/top-up.png) no-repeat top right; color:#f8acaf; float:left; height:17px; text-align:right; padding:0px 14px 0px 0px; } #top-container .slider .wrapper .close a.active{ background:url(default/top/top-down.png) no-repeat right top; display:none; } /* =body element`s ---------------------------------------------------------------------------- */ #body-container{ background:#f0f0f0 url(default/body/top.png) top repeat-x; } #body-container .inner{ background:url(default/body/bottom.png) bottom repeat-x; padding:20px 0px 20px 0px; overflow:hidden;min-height:300px;} #body-container h4{ margin:6px 0px 6px 0px; } /* =backstage ---------------------------------------------------------------------------- */ #backstage{clear:both;padding: 15px 0 0 0;margin:15px 0 0 0} #backstage .global-layer{ height:180px; } #backstage .global-layer .content{ padding:0px 0px 0px 25px; } #backstage div.box{ width:139px; float:left; margin:0px 19px 0px 0px; } #backstage ul li li a{ display:block; line-height:21px; height:21px; color:#757575; background:#F9F9F9 url('backstage/backstage-bullet.png') 2px 6px no-repeat; padding: 0 0 0 18px} #backstage ul li li a:hover{ text-decoration:none; color:#ffffff; background:#d0d0d0 url('backstage/backstage-bullet-hover.png') 6px 4px no-repeat; } #backstage ul{ margin:15px 0px 0px 0px; width:100%; } #backstage ul ul{ margin:0px; } #backstage ul li li{ margin:1px 0px 1px 0px; } #backstage ul li.title, #backstage ul li.no-title{ font-weight:bold; border-bottom:1px solid #ccc; line-height:30px; } #backstage ul li.no-title{ text-indent:-1000em; } /* =footer element`s ---------------------------------------------------------------------------- */ #footer-container{ border-top:1px solid #606060; height:51px; background:url(default/footer/bg.png) repeat-x; color:#ffffff; } #footer-container .wrapper{ position:relative; } #footer-container .wrapper address{ padding:10px; background:url(default/footer/logo-mini.png) no-repeat left center; text-indent:50px; } #footer-container .wrapper a.top{ position:absolute; right:8px; top:0px; background:url(default/icon/top.png) no-repeat left top; height:24px; line-height:24px; width:20px; font-size:10px; color:#ffffff; text-align:center; } #footer-container .wrapper a.top:hover{ text-decoration:none; cursor:pointer; } #footer-container .wrapper ul{ position:absolute; top:0px; right:40px; } #footer-container .wrapper ul li{ float:left; margin:10px 3px 0px 3px; height:19px; line-height:19px; } #footer-container .wrapper ul li a{ width:25px; display:block; height:100%; text-indent:-1000em; } #footer-container .wrapper ul li#en a{background:url(default/icon/en.png) no-repeat left top;} #footer-container .wrapper ul li#en a:hover{background:url(default/icon/en_hover.png) no-repeat left top;} #footer-container .wrapper ul li#de a{background:url(default/icon/de.png) no-repeat left top;} #footer-container .wrapper ul li#de a:hover{background:url(default/icon/de_hover.png) no-repeat left top;} #footer-container .wrapper ul li#pl a{background:url(default/icon/pl.png) no-repeat left top;} #footer-container .wrapper ul li#pl a:hover{background:url(default/icon/pl_hover.png) no-repeat left top;} #footer-container .wrapper ul li#ru a{background:url(default/icon/ru.png) no-repeat left top;} #footer-container .wrapper ul li#ru a:hover{background:url(default/icon/ru_hover.png) no-repeat left top;} /* =global layer container ---------------------------------------------------------------------------- */ .global-layer{ position:relative; } .global-layer .content{ position:relative; z-index:20; height:100%; } .global-layer .layer-left, .global-layer .layer-right, .global-layer .layer-center, .global-layer .layer-tabs{ position: absolute; } .global-layer .layer-top div{ top:0px; } .global-layer .layer-top .layer-left{ left:0px; } .global-layer .layer-top .layer-right{ right:0px; } .global-layer .layer-middle .layer-left{ left:0px; } .global-layer .layer-middle .layer-right{ right:0px; } .global-layer .layer-bottom div{ bottom:0px; } .global-layer .layer-bottom .layer-left{ left:0px; } .global-layer .layer-bottom .layer-right{ right:0px; } /* =gradient layer ---------------------------------------------------------------------------- */ .gradient .layer-top div{height:5px;} .gradient .layer-top .layer-left{ width:4px; background: url(default/body/layer-top-left.png) no-repeat left top; } .gradient .layer-top .layer-center{left:4px; right:4px; background: url(default/body/layer-top-center.png) repeat-x; } .gradient .layer-top .layer-right{ width:4px; background: url(default/body/layer-top-right.png) no-repeat left top; } .gradient .layer-middle div{top:5px;bottom:67px;} .gradient .layer-middle .layer-center{ left:1px; right:1px; background:#ffffff; } .gradient .layer-middle .layer-left, .gradient .layer-middle .layer-right{ width:1px; background:#e0e0e0; } .gradient .layer-bottom div{ height:67px; } .gradient .layer-bottom .layer-left{ width: 5px; background: url(default/body/usertop-layer-bottom-left.png) no-repeat left top; } .gradient .layer-bottom .layer-center{ right:5px; left:5px; background: url(default/body/usertop-layer-bottom-center.png) repeat-x; } .gradient .layer-bottom .layer-right{ width: 5px; background: url(default/body/usertop-layer-bottom-right.png) no-repeat left top; } .gradient .content{ padding:15px 20px 15px 20px; min-height:67px; } /* =avatar`s ---------------------------------------------------------------------------- */ .avatar{ width:132px;height:156px;background:url(default/body/avatar.png) repeat-x;float:left; } .avatar-mini{ border:2px solid #e2e0e5; } /* =form`s ---------------------------------------------------------------------------- */ form input.text, form textarea, form input.submit{ padding:5px; } form .input, form .input-lang{ border:5px solid #ccc; width:100%; float:left; } form .input input.text, form .input-lang input.text{ border:1px solid #a9a9a9; color:#a2a2a2; height:100%; float:left; } form .input{ width:24.5em; } form .input input.text{ width:23.5em; } form .input-lang{ width:27.8333em; } form .input-lang input.text{ width:26.8333em; } form#frmSkin div.input{width:10em} form#frmSkin div.input input.text{width:8.9em} form#frmSkin dl#div-name div.input{width:24.5em} form#frmSkin dl#div-name div.input input.text{width:23.5em} form#frmSkin dl#div-header_photo,form#frmSkin dl#div-footer_photo{ height:90px; } form#frmSkin div.options-container{ position: absolute; left: 0; top: 45px; } form#frmSkin div.options-container label.first{ padding: 0 15px 0 0; float: left; text-align: right; width: 172px; } form#frmSkin div.options-container span.input{ float: left; margin: 0 10px 0 0; width: 10em; } form#frmSkin div.options-container span.input input.text{ width:8.9em; } form em{ color:#cc0000; background:none; font-weight:900; position:absolute;; top:-3px; right:3px; font-size:15px;} form dl{ padding:5px; position:relative;} form dl.background{ border-top:1px solid #d2e1f6; background:#f8f9fe; border-bottom:1px solid #d2e1f6; } form dl dt{ text-align:right; position:relative; } form dl dt{width:22%;float:left;line-height:37px;padding-right:15px;} form dl dd{width:72%;float:left;line-height:37px;} form dl:after{ content:""; clear:both; display: block; height:0px; overflow:hidden; } form dl div.after{ height:0px; overflow:hidden; } form dl div.input{ position:relative; } form dl div.input a{ position:absolute; right:5px; top:4px; height:17px; width:14px; display:block; overflow:hidden; text-indent:-1000em; } form dl div.input a{ background:url(default/icon/icon-help.png) no-repeat; } form dl div.input a:hover{ background:url(default/icon/icon-help.png) no-repeat 0px -17px; } form dl div.file-input input{font-size: 13px;} form dl textarea.textarea{ width:24.3em; height:6em; } form fieldset div.actions{ padding:5px 0 5px 24.3%; margin: 10px 0 0 0; border-top: 1px dotted #ccc; } form fieldset div.actions.no-border{ border: none; } form fieldset div.actions.no-padding{ padding: 5px 0 5px 0; } form fieldset div.actions.register-actions{ position: relative; } form fieldset div.actions.register-actions a.big-link{ font-size: 14px; margin: 0 0 0 10px; } form fieldset div.actions input{ font-size:17px; padding:2px 5px; } form .input input.not-valid{ border-color:#cc0000; } form dl div.not-valid{ position:absolute; top:3px; left:530px; } #frmSignup dl div.not-valid{ position: relative; top: 5px; left: 5px; } #main-view dl div.not-valid{ position:relative; left:160px; top:3px; } form#frmCar dl select{ width:225px; } /* login form at main site */ .topbar-input-background { float:left; width:100px; height:14px; margin-top: 1px; margin-right: 10px; font-size: xx-small; color: #555555; } .topbar-input { position:absolute; top:0px; } .topbar-input #pass, .topbar-input #login-email { width:100px; background:none; border:1px solid #888888; font-size: x-small; color: #cccccc; margin-top: 10px; } .topbar-input #pass:focus, .topbar-input #login-email:focus { border-color:#2498c4; } .topbar-input #submit { background: none; cursor: pointer; font-size: 11px; color:#2498c4; border: 0px solid; vertical-align: bottom; margin-top: 10px; } .topbar-input-background #submit:hover { text-decoration: underline; } .topbar-input-background .label { margin-left: 5px; } /* =search stuff ---------------------------------------------------------------------------- */ #search{ margin: 20px; } #search .bg{ height: 100%; } #search .left{ width:669px; float:left; } #search .right{ width: 266px; float:left; } #search .top{ height:5px; overflow:hidden; } #search .left .top{ background:url(default/body/search-left-top.png) no-repeat left bottom; } #search .right .top{ background:url(default/body/search-right-top.png) no-repeat right bottom; } #search .left .top .bg{ margin-left: 4px; background: url(default/body/search-top-bg.png) repeat-x left top; } #search .left .top .bg .left-top-right{ width: 26px; float: right; height:100%; background:url(default/body/search-left-top-right.png) no-repeat top right; } #search .middle{ position:relative; } #search .left .middle .left-content{ background:#fff url(default/body/search-left-container-bottom.png) repeat-x left bottom; border-left: 1px solid #e6e6e6; } #search .left .middle .left-content .bg{ background:url(default/body/search-left-container-middle-right.png) repeat-y top right; } #search .right .middle{ background:#fff url(default/body/search-right-middle.png) no-repeat top left; border-right: 1px solid #eeeeee; } #search .right .middle .bg{ background:url(default/body/search-left-container-bottom.png) repeat-x left bottom; } #search .middle .bg{ height:400px; /*debbug*/ padding:10px; } #search .bottom{ height: 26px; } #search .left .bottom{ background:url(default/body/search-left-bottom-left.png) no-repeat left top; } #search .left .bottom .bg{ margin-left: 6px; background:url(default/body/search-left-bottom.png) repeat-x left bottom; } #search .left .bottom .bg .left-bottom-right{ height:100%; float:right; background:url(default/body/search-left-bottom-right.png) no-repeat top right; width: 9px; } #search .right .bottom{ background: url(default/body/search-right-bottom-corner.png) no-repeat right bottom; } #search .right .bottom .bg{ background: url(default/body/search-left-bottom.png) repeat-x left bottom; margin-right: 6px; } #search .right .middle ul#option-bar{ width: 244px; } #search .right .middle ul#option-bar li{ height: 44px; line-height:44px; font-size: 12px; } #search .right .middle ul#option-bar li a{ display:block; height:100%; color:#000000; text-indent: 45px; background: url(default/body/search-option-bar.png) no-repeat left top; text-decoration: none; } #search .right .middle ul#option-bar li.first a{ background:url(default/body/search-option-bar-first.png) no-repeat left top; } #search .right .middle ul#option-bar li.last a{ background:url(default/body/search-option-bar-last.png) no-repeat left top; } #search .right .middle ul#option-bar li.selected a{ background:url(default/body/search-option-bar-selected.png) no-repeat left top; color: #ffffff; } #search .veh-body{ width:600px; background: #ffffff; overflow:hidden; } #search .veh-body li{ float: left; margin: 10px; } #search .veh-body li span{ display:block; text-align: center; } #search #by-body-style{ display:none; } #search #by-profile-data{ display:none; } #search #by-personal-info{ display:none; } #search div.search-results{ height:350px; overflow: auto; margin: 10px 0 0 0; } #search div.search-results table{ width:585px; margin: 0 0 5px 0; } #search div.search-results table tr.even td{ background: #fafafa; } #search div.search-results table td.vehicle-avatar a{ width:64px; height:64px; overflow: hidden; } #search div.search-results table td.vehicle-score{ font-size: 18px; width:60px; } #search div.search-results table td.vehicle-owner{ width:60px; } #search div.search-results table td.vehicle-name{ padding: 0 0 0 10px; } #search div.search-results table td.vehicle-name p.no-description{ color:#aaa; margin: 0; padding: 0; font-style: italic; } #search div.search-results ul.people-list{ width:585px; margin: 10px 0; } #search div.search-results ul.people-list li{ float:left; width: 64px; height: 64px; border: 1px solid #ccc; padding: 1px; margin: 0 5px 5px 0; } #search div.search-results ul.people-list li a{ display: block; width: 64px; height: 64px; overflow: hidden; } #search div.search-results ul.people-list li em{ display: none; } /* =interface elements ---------------------------------------------------------------------------- */ .valid, .not-valid{ text-indent:25px; font-weight:bold; padding:5px; display:block; clear:both; } .not-valid{ color:#e42325;background:url(default/icon/not-valid.png) no-repeat 1px center; } .valid{ color:#3c8236;background:url(default/icon/valid.png) no-repeat 1px center; } #loading-indicator{ position:fixed; top:10px; right:10px; z-index:1000; border:3px solid #616161; padding:3px; background:#ffffff url(default/icon/loading.gif) no-repeat 5px center; text-indent:20px; color:#000000; font-size:11px; } .cluetip-jtip #cluetip-outer{ border: 1px solid #ccc; position: relative; text-align:left !important; font-size:12px; background: #fff url(default/tooltip/tooltip-car-1.png) center bottom no-repeat; } .cluetip-jtip #cluetip-outer h3{ font-size:18px; padding:5px; } .cluetip-jtip #cluetip-inner{ padding: 0 5px 5px; display: inline-block; } .cluetip-arrows{ display: none; position: absolute; top: 0; left: -11px; height: 12px; width: 12px; } .clue-right-jtip .cluetip-arrows{ background: url(default/tooltip/arrowleft.png) no-repeat 0 0; margin-top: 19px; z-index:10; } ul.pager{ position:relative; height:24px; overflow:hidden; } ul.pager li{ float:left; height:100%; margin:0px 5px 0px 0px; } ul.pager li a{ float:left; line-height:20px; padding:0px 6px 0px 6px; background:#ededed; border:1px solid #e5e5e5; } ul.pager li a:hover{ border:1px solid #ccc; text-decoration:none; } ul.pager li a.next{ position:absolute; right:0px; top:0px; } ul.pager li a.dotted{ background:#ffffff; border:none; } ul.pager li a.active{ background:#2396c2; color:#ffffff !important; } .listmenu { margin:20px 8px 0px 0px; float:none; position:absolute; right:0; } .listmenu a { text-decoration:none; } .listmenu a:hover { text-decoration:underline; } .listmenu img{ vertical-align:middle; } .listmenu li { display:inline; position:relative; } .listmenu li span { position:relative; z-index:19; padding:4px 4px 4px 6px; border-bottom:none; line-height:10px; } .listmenu li span a { font-weight:bold; padding:0 6px 0px 2px; } *+html .listmenu li span.over { border-top:solid 2px #E5E5E5; padding-bottom:3px; } /* IE6 */ .listmenu li span.over a { } .listmenu li span.over a:hover { text-decoration:none; } .listmenu li span.active { padding:4px 3px 4px 5px; border-top:1px solid #2298c6; border-left:1px solid #2298c6; border-right:1px solid #2298c6; background:#ffffff; overflow:hidden; } *+html .listmenu li span.active { border-top:solid 2px #E5E5E5; padding-bottom:3px; } .listmenu li span.active a { } .listmenu li span.active a:hover { text-decoration:none; } .listmenu img.arrow { /*margin-left:4px;*/ cursor:pointer; } .listmenu div.sub_menu { display:none; position:absolute; z-index:18; left:0; top:0px; margin-top:18px; border:1px solid #2298c6; padding:4px; overflow:hidden; top:0px; width:160px; background:#FFFFFF; } * html .listmenu div.sub_menu { margin-top:23px; } /* IE6 */ *+html .listmenu div.sub_menu { margin-top:23px; } /* IE7 */ .listmenu div.sub_menu a:link, .listmenu div.sub_menu a:visited, .listmenu div.sub_menu a:hover{ display:block; font-size:11px; padding:4px; text-decoration:none; } .listmenu div.sub_menu a:hover{ background:#2298c6; color:#ffffff; } .listmenu a.item_line { border-top:solid 1px #E5E5E5; padding-top:6px !important; margin-top:3px; } /* =icons small ---------------------------------------------------------------------------- */ .more{background:url(default/icon/more.png) no-repeat;} .less{background:url(default/icon/more.png) no-repeat;}/*change*/ .graph{background:url(default/icon/graph.png) no-repeat;} .program{ background:url(default/icon/program.png) no-repeat; } .comm{ background:url(default/icon/comments.png) no-repeat; } .comm-2{ background:url(default/icon/comments-2.png) no-repeat; } .time{background:url(default/icon/time.png) no-repeat;} .time-machine{background:url(default/icon/time-machine.png) no-repeat;} .skin{background:url(default/icon/skin.png) no-repeat;} .eye{background:url(default/icon/eye.png) no-repeat;} .tools{background:url(default/icon/tools.png) no-repeat;} .event{background:url(default/icon/event.png) no-repeat;} .network{background:url(default/icon/network.png) no-repeat;} .book{background:url(default/icon/book.png) no-repeat;} .race{background:url(default/icon/race.png) no-repeat;} .tuning-mini{background:url(default/icon/tuning.png) no-repeat;} .event-mini{background:url(default/icon/event.png) no-repeat;} .friends-mini{background:url(default/icon/friends.png) no-repeat;} .search{background:url(default/icon/search.png) no-repeat;} .discussion{background:url(default/icon/discussion.png) no-repeat;} .picture{background:url(default/icon/picture.png) no-repeat;} .famous{background:url(default/icon/famous.png) no-repeat;} .racing-team{background:url(default/icon/racing-team.png) no-repeat;} .club-mini{background:url(default/icon/club.png) no-repeat;} .music-mini{background:url(default/icon/music.png) no-repeat;} .settings{background:url(default/icon/settings.png) no-repeat;} .personal-card{background:url(default/icon/personal-card.png) no-repeat;} .skin-create{background:url(default/icon/skin-create.png) no-repeat;} .secure{background:url(default/icon/secure.png) no-repeat;} .manager{background:url(default/icon/manager.png) no-repeat;} .car-cabrio-mini{background:url(default/icon/car-cabrio-mini.png) no-repeat;} .speedometer{background:url(default/icon/speedometer.png) no-repeat;} .note{background:url(default/icon/note.png) no-repeat;} .stats-mini{background:url(default/icon/stats.png) no-repeat;} .message{background:url(default/icon/message.png) no-repeat;} .message-in{background:url(default/icon/message_in.png) no-repeat;} .invite{background:url(default/icon/invite.png) no-repeat;} .invite-in{background:url(default/icon/invite_in.png) no-repeat;} /* =Ride icons ---------------------------------------------------------------------------- */ .garage{ background:url(default/icon/big/garage.png) no-repeat; } .speed{ background:url(default/icon/big/speed.png) no-repeat; } .options{ background:url(default/icon/big/options.png) no-repeat; } .friends{ background:url(default/icon/big/friends.png) no-repeat; } .neighbour{ background:url(default/icon/big/neighbour.png) no-repeat; } .events{ background:url(default/icon/big/events.png) no-repeat; } .community{ background:url(default/icon/big/community.png) no-repeat; } .socialgraph{ background:url(default/icon/big/graph.png) no-repeat; } .comments-add{ background:url(default/icon/big/comments.png) no-repeat; } .clubs{ background:url(default/icon/big/clubs.png) no-repeat; } /* =Ride middle icons ---------------------------------------------------------------------------- */ .why{ background:url(default/icon/middle/why.png) no-repeat; } .tuning{ background:url(default/icon/middle/tuning.png) no-repeat; } .stats{ background:url(default/icon/middle/stats.png) no-repeat; } .key{ background:url(default/icon/middle/about.png) no-repeat; } .comments{ background:url(default/icon/middle/comments.png) no-repeat; } .similar{ background:url(default/icon/middle/similar.png) no-repeat; } .networks{ background:url(default/icon/middle/networks.png) no-repeat; } /* =Ride small icons ---------------------------------------------------------------------------- */ .change{ background:url(default/icon/mini/change.png) no-repeat center left; } .skip{ background:url(default/icon/mini/change.png) no-repeat center left; } .zoom{ background:url(default/icon/mini/zoom.png) no-repeat center left; } .full{ background:url(default/icon/mini/full.png) no-repeat center left; } .photos{ background:url(default/icon/mini/photos.png) no-repeat center left; } .videos{ background:url(default/icon/mini/videos.png) no-repeat center left; } .music{ background:url(default/icon/mini/music.png) no-repeat center left; } .star{ background:url(default/icon/mini/star.png) no-repeat center left; } a.vote-up{} a.vote-up:hover{} a.vote-down{} a.vote-down:hover{} /* =Ride icons ---------------------------------------------------------------------------- */ .garage-big{ background:url(default/icon/ride/garage-big.png) no-repeat; } .garage-middle{ background:url(default/icon/ride/garage-middle.png) no-repeat; } .garage-small{ background:url(default/icon/ride/garage-small.png) no-repeat; } .tuning-big{ background:url(default/icon/ride/tuning-big.png) no-repeat; } .tuning-middle{ background:url(default/icon/ride/tuning-middle.png) no-repeat; } .tuning-small{ background:url(default/icon/ride/tuning-small.png) no-repeat; } .video-big{ background:url(default/icon/ride/video-big.png) no-repeat; } .video-middle{ background:url(default/icon/ride/video-middle.png) no-repeat; } .video-small{ background:url(default/icon/ride/video-small.png) no-repeat; } .events-big{ background:url(default/icon/ride/events-big.png) no-repeat; } .events-middle{ background:url(default/icon/ride/events-middle.png) no-repeat; } .events-small{ background:url(default/icon/ride/events-small.png) no-repeat; } .music-big{ background:url(default/icon/ride/music-big.png) no-repeat center left; } .music-middle{ background:url(default/icon/ride/music-middle.png) no-repeat center left; } .music-small{ background:url(default/icon/ride/music-small.png) no-repeat center left; } .foto-big{ background:url(default/icon/ride/foto-big.png) no-repeat; } .foto-middle{ background:url(default/icon/ride/foto-middle.png) no-repeat center left; } .foto-small{ background:url(default/icon/ride/foto-small.png) no-repeat center left; } .similar-big{ background:url(default/icon/ride/similar-big.png) no-repeat; } .similar-middle{ background:url(default/icon/ride/similar-middle.png) no-repeat; } .similar-small{ background:url(default/icon/ride/similar-small.png) no-repeat; } .vip-big{ background:url(default/icon/ride/vip-big.png) no-repeat; } .vip-middle{ background:url(default/icon/ride/vip-middle.png) no-repeat; } .vip-small{ background:url(default/icon/ride/vip-small.png) no-repeat; } .watching-big{ background:url(default/icon/ride/watching-big.png) no-repeat; } .watching-middle{ background:url(default/icon/ride/watching-middle.png) no-repeat; } .watching-small{ background:url(default/icon/ride/watching-small.png) no-repeat; } .why-big{ background:url(default/icon/ride/why-big.png) no-repeat; } .why-middle{ background:url(default/icon/ride/why-middle.png) no-repeat; } .why-small{ background:url(default/icon/ride/why-small.png) no-repeat; } .friends-big{ background:url(default/icon/ride/friends-big.png) no-repeat; } .friends-middle{ background:url(default/icon/ride/friends-middle.png) no-repeat; } .friends-small{ background:url(default/icon/ride/friends-small.png) no-repeat; } .time-big{ background:url(default/icon/ride/time-big.png) no-repeat; } .time-middle{ background:url(default/icon/ride/time-middle.png) no-repeat; } .time-small{ background:url(default/icon/ride/time-small.png) no-repeat; } .test-big{ background:url(default/icon/ride/test-big.png) no-repeat; } .test-middle{ background:url(default/icon/ride/test-middle.png) no-repeat; } .test-small{ background:url(default/icon/ride/test-small.png) no-repeat; } .search-big{ background:url(default/icon/ride/search-big.png) no-repeat; } .search-middle{ background:url(default/icon/ride/search-middle.png) no-repeat; } .search-small{ background:url(default/icon/ride/search-small.png) no-repeat; } .neighbour-big{ background:url(default/icon/ride/neighbour-big.png) no-repeat; } .neighbour-middle{ background:url(default/icon/ride/neighbour-middle.png) no-repeat; } .neighbour-small{ background:url(default/icon/ride/neighbour-small.png) no-repeat; } .race-big{ background:url(default/icon/ride/race-big.png) no-repeat; } .race-middle{ background:url(default/icon/ride/race-middle.png) no-repeat; } .race-small{ background:url(default/icon/ride/race-small.png) no-repeat; } .options-big{ background:url(default/icon/ride/options-big.png) no-repeat; } .options-middle{ background:url(default/icon/ride/options-middle.png) no-repeat; } .options-small{ background:url(default/icon/ride/options-small.png) no-repeat; } .community-big{ background:url(default/icon/ride/community-big.png) no-repeat; } .community-middle{ background:url(default/icon/ride/community-middle.png) no-repeat; } .community-small{ background:url(default/icon/ride/community-small.png) no-repeat; } .app-big{ background:url(default/icon/ride/app-big.png) no-repeat; } .app-middle{ background:url(default/icon/ride/app-middle.png) no-repeat; } .app-small{ background:url(default/icon/ride/app-small.png) no-repeat; } .networks-big{ background:url(default/icon/ride/networks-big.png) no-repeat; } .networks-middle{ background:url(default/icon/ride/networks-middle.png) no-repeat; } .networks-small{ background:url(default/icon/ride/networks-small.png) no-repeat; } .key-big{ background:url(default/icon/ride/key-big.png) no-repeat; } .key-middle{ background:url(default/icon/ride/key-middle.png) no-repeat; } .key-small{ background:url(default/icon/ride/key-small.png) no-repeat; } .comments-big{ background:url(default/icon/ride/comments-big.png) no-repeat; } .comments-middle{ background:url(default/icon/ride/comments-middle.png) no-repeat; } .comments-small{ background:url(default/icon/ride/comments-small.png) no-repeat; } .speed-big{ background:url(default/icon/ride/speed-big.png) no-repeat; } .speed-middle{ background:url(default/icon/ride/speed-middle.png) no-repeat; } .speed-small{ background:url(default/icon/ride/speed-small.png) no-repeat; } .clubs-big{ background:url(default/icon/ride/clubs-big.png) no-repeat; } .clubs-middle{ background:url(default/icon/ride/clubs-middle.png) no-repeat; } .clubs-small{ background:url(default/icon/ride/clubs-small.png) no-repeat; } .socialgraph-big{ background:url(default/icon/ride/graph-big.png) no-repeat; } .socialgraph-middle{ background:url(default/icon/ride/graph-middle.png) no-repeat; } .socialgraph-small{ background:url(default/icon/ride/graph-small.png) no-repeat; } .stats-big{ background:url(default/icon/ride/stats-big.png) no-repeat; } .stats-middle{ background:url(default/icon/ride/stats-middle.png) no-repeat; } .stats-small{ background:url(default/icon/ride/stats-small.png) no-repeat; } .notifications-big{ background:url(default/icon/ride/notifications-big.png) no-repeat; } .notifications-middle{ background:url(default/icon/ride/notifications-middle.png) no-repeat; } .notifications-small{ background:url(default/icon/ride/notifications-small.png) no-repeat; } .vehicle-big{ background:url(default/icon/ride/vehicle-big.png) no-repeat; } .vehicle-middle{ background:url(default/icon/ride/vehicle-middle.png) no-repeat; } .vehicle-small{ background:url(default/icon/ride/vehicle-small.png) no-repeat; } .comments-add{ background:url(default/icon/ride/comments-add.png) no-repeat; } /* =links ---------------------------------------------------------------------------- */ a{ outline:none; color:#2298c6; text-decoration: none; } a:link{} a:hover{text-decoration: underline;} a:visited{} a:active{} a.outside{text-indent:16px;} a.inside{text-indent:19px;line-height:18px;} a.outside{background:url(default/icon/link-outside.png) no-repeat left top;} a.outside:hover{background:url(default/icon/link-outside-hover.png) no-repeat left top;} a.inside{background:url(default/icon/inside.png) no-repeat left top;} a.inside:hover{background:url(default/icon/inside-hover.png) no-repeat left top;} a.openid, a.form{ text-indent:28px; } a.openid:hover, a.form:hover{ color:#0063DC; } a.openid{background:url(default/icon/openid.png) 0px 0px no-repeat;} a.openid:hover{background:url(default/icon/openid.png) 0px -19px no-repeat;} a.form{background:url(default/icon/form.png) 0px 0px no-repeat;} a.form:hover{background:url(default/icon/form.png) 0px -19px no-repeat;} #header-container a, #top-container a, #body-container .carbon-top ul.top li a{ color:#ffffff; } #body-container .layer-tabs a{ color:#5f5f5f; } #body-container .carbon-top ul.top li.selected a{ color:#2298c6; font-weight:bold; } /* =stepmenu ---------------------------------------------------------------------------- */ #mainNav li{ height:71px; list-style:none; float:left; background-color:#EBEBEB; background-image: url(default/stepmenu/navBtn.gif); background-repeat: no-repeat; background-position: right top; color:#aaa; margin:0 0 10px 0; } #mainNav li.current{ background-color:#225B8E; background-image: url(default/stepmenu/navCurrentBtn.png); color:#fff; } #mainNav li.lastDone{ background-color:#225B8E; background-image: url(default/stepmenu/navLastDoneBtn.png); color:#74a6d4; } #mainNav li.done{ background-color:#225B8E; background-image: url(default/stepmenu/navLastDoneBtn.png); color:#74a6d4; } #mainNav li span em{ width:150px; display:block; margin:6px 0 2px 10px; font-style:normal; font-weight:normal; background:none; font-size:16px; } #mainNav li span span{ width:250px; display:block; margin-left:10px; font-weight:normal; font-size:12px; } #mainNav li.mainNavNoBg{ background-image:none; } #mainNav li span{ height:71px; display:block; } /* #mainNav.threeStep */ #mainNav.threeStep li{width:317px;} /* seach results ---------------------------------------------------------------------------- */ div#search.search-results ul{ margin:10px 0; } div#search.search-results ul li{ padding:10px 0; border-bottom:1px solid #D2E1F6 } /* search filter ---------------------------------------------------------------------------- */ div#searchFilter form .input {width:17em;} div#searchFilter form .input input.text {width:15.9em;} div#searchFilter form fieldset div.actions {padding:5px 0 5px 28.3%;} /* event page ---------------------------------------------------------------------------- */ div.event-details{ padding: 10px 0; position: relative; width: 350px; float: left; } div.event-details #map{ position: absolute; right: -285px; top: 10px; width: 245px; height: 225px; border: 5px solid #CCCCCC; overflow: hidden; } div.event-details table.simple-list{ border-collapse:collapse; width:350px; margin: 5px 0; } div.event-details table.simple-list th{ padding:5px 0; color:#666; font-weight:100; font-size:11px; text-align:left; border:none; border-bottom: 1px dotted #ddd; width: 120px; } div.event-details table.simple-list tbody td{ padding:5px; border-bottom: 1px dotted #ddd; } div.event-description{ padding: 10px 0 0 0; width: 350px; } div.event-description p{ padding: 1em 0; } div.event-photos{ width:350px; padding: 10px 0; float: left; } div.event-people{ float: right; width: 250px; margin-top: 250px; } div.event-people div.your-status p{ padding: 1em 0; } div.event-people p.no-results, div#event-photos{ padding: 1em 0; font-style: italic; } div.event-people ul{ padding: 10px 0 0 0; } div.event-people ul li.avatar{ float: left; width:64px; height: 64px; margin: 0 2px 2px 0; border:1px solid #ddd; background: #fff; padding:1px; } /* clubs listing page ---------------------------------------------------------------------------- */ ul#clubs-avatars{ margin:10px 0; padding: 0; width:auto } ul#clubs-avatars li{ border:1px solid #ccc; padding: 1px; margin: 0 5px 5px 0; width:96px; height: 96px; } ul#clubs-avatars li a{ display:block; width:96px; height: 96px; overflow: hidden; } ul#clubs-avatars li a img{ margin: 0; padding: 0; border: none; display: block; } ul#clubs-avatars li em { left: -54px; } /* clubs page ---------------------------------------------------------------------------- */ div.club-details{ padding: 10px 0; position: relative; width: 460px; } div.club-details div.club-avatar{ position: absolute; right: -160px; top: 20px; border: 1px solid #CCCCCC; overflow: hidden; padding: 2px; } div.club-details table.simple-list{ border-collapse:collapse; width:460px; margin: 5px 0; } div.club-details table.simple-list th{ padding:5px 0; color:#666; font-weight:100; font-size:11px; text-align:left; border:none; border-bottom: 1px dotted #ddd; } div.club-details table.simple-list tbody td{ padding:5px; border-bottom: 1px dotted #ddd; } div.club-description{ padding: 10px 0 0 0; } div.club-description p{ padding: 1em 0; } ul.club-actions{ position: absolute; width: 135px; left:486px; top: 160px; } ul.club-actions li a{ display: block; padding:2px 0 2px 15px; background:#F9F9F9 url(backstage/backstage-bullet.png) no-repeat scroll 2px 7px; display:block; border-bottom: 1px dotted #ccc; border-top: 1px solid #fff; } div.club-people ul{ padding: 10px 0; } div.club-people ul li.avatar{ float: left; width:64px; height: 64px; margin: 0 2px 2px 0; border:1px solid #ddd; background: #fff; padding: 1px; } div.club-posts li{ padding:5px 0; margin:0 0 10px 0; } table.club-manage{ border-collapse:collapse; margin: 5px 0; width: 100%; } table.club-manage th{ padding:2px 5px; color:#666; font-size:11px; text-align:left; border:none; border-bottom: 1px dotted #ddd; } table.club-manage tbody td{ padding:5px; border-bottom: 1px dotted #ddd; } table.club-manage tbody tr.even td{ background: #fafafa; } table.club-manage td.post-created-at{width:120px;} table.club-manage td.post-actions{width:75px;} table.club-manage td.member-actions{width:100px;} table.club-manage td.member-avatar{width:68px;} table.club-manage td.member-avatar a{ padding: 1px; border: 1px solid #ccc; display: block; } /* elements ---------------------------------------------------------------------------- */ div.introduction{ padding:10px 0; } div.introduction p{ padding:5px 0; } p.description{ padding: 5px 0 10px 0; } ul#skin-list li{ background:#FFFFFF url(default/icon/status.png) no-repeat scroll 0 55%; border-bottom:1px dotted #CCCCCC; padding:10px 10px 10px 20px; position:relative; } ul#skin-list li span.actions{ position: absolute; right: 10px; top:10px; } div.full-photo-image{ width:947px; background: #fff; border: 1px solid #ddd; padding: 1px; } div.full-photo-inner{ overflow: hidden; } div.full-photo-description{ background: #ddd; padding: 10px; text-align: center; margin: 0px 0 10px 0; } /* registrations */ #div-account a.ajax-link{ margin-left: 10px; } p.highlighted.registration{ padding: 50px 0; font-size: 17px; text-align: center; } /* search results styling */ #search #people-pager.search-results{ height:auto; overflow: visible; margin: 10px 0 0 0; } #people-pager.search-results li em{ background: url(profile/hover.png) no-repeat; width: 180px; height: 45px; position: absolute; top: -85px; left: -50px; text-align: center; padding: 20px 12px 10px; font-style: normal; z-index: 2; display:none; } #people-pager.search-results li{ position: relative; } /*favourite list*/ ul#favouriteList {padding: 10px 0;} ul#favouriteList li {_width: 100%; overflow: hidden; border-bottom: 1px dotted grey; margin-bottom: 10px; padding-bottom: 10px;} .avFav {float: left; border: 1px solid #d0d0d0; padding: 1px; margin-right: 5px;} .nickFav {float: left; padding-top: 23px;} .removeFav {float: right; padding: 23px 30px 0 0;} .nickFav a {color: #757575; text-decoration: none;} .nickFav a:hover {text-decoration: underline;} table.simple-list {margin-bottom: 0!important; padding-bottom: 0!important;} /*OOOOOPS Messagess*/ .oopsmsg { margin: 90px auto; text-align: center; font-weight: bold!important; padding: 0!important; border: none!important;} .oopsmsg p {margin: 0!important; padding: 10px!important; display: inline; font-weight: bold!important; font-style: normal!important; color: #757575!important; text-align: center!important; font-size: 12px!important; } .nm {margin: 10px auto 90px auto!important;} .bm {margin: 120px auto 0 auto;}