/** css file for marketing partner **/ /** light color: #f3b802 dark color: #e06b0a **/ * { margin: 0; padding: 0; } a { color: #333333; text-decoration: none; } a:hover { text-decoration: underline; } a img { border: 0; } /** debug * { border: 1px solid green; } **/ label:after { content: ": "; } blockquote.style1 { font-size: 14px/20px; font-style: italic; padding: 4px; /* background-color: #faebbc; border-top: 1px solid #e1cc89; border-bottom: 1px solid #e1cc89; margin: 5px; */ background-image: url('/images/openquote1.gif'); background-position: top left; background-repeat: no-repeat; text-indent: 23px; } blockquote.style1 span { display: block; background-image: url('/images/closequote1.gif'); background-repeat: no-repeat; background-position: bottom right; } body { background-image: url('/images/page_bg.png'); background-position: center center; background-repeat: repeat-y; margin: 0; padding: 0; text-align: center; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 14px;} #wrapper { margin: 0 auto; padding: 0; width: 980px; text-align: left; padding-left: 15px; padding-right: 15px; } #footer { margin: 0 auto; height: 93px; background-image: url('/images/footer-img2.png'); background-repeat: no-repeat; background-position: 120 0; color: #999999; } */ #top { } #top-logo { width: 100%; } /** #top-logo ul { list-style: none; } #top-logo ul li { float: left; padding-left: 15px; width: 150px; height: 48px; border-left: 2px solid #999999; display: inline;} #top-logo ul li a { display: block; width: 100%; margin-top: 25px; } #top-logo ul li:hover { background-color: #ffff55; } #top-logo a { text-decoration: none; } #top-logo spasn { margin-top: 42px; display: block; } .logo { padding-right: 40px; } .active-menu { background-color: #ffcc00; } **/ #top-menu { width: 600px; margin-top: 115px; float: right; } #content { padding-top: 2px; width: 100%; min-height: 400px; border-top: 2px solid #f3b802; } #content ul { list-style: none; } #content .li-style-minus li:before { content: '- '; } #content-main { margin-left: 155px; } #content-left { width: 150px; float: left; } #content-userinfo { width: 140px; } #content-userinfo h2 { font-size: 0.8em; } #userinfo { text-align: right; width: 168px; float: right; } #userinfo h2 { margin: 0; padding: 0; font-size: 0.8em; } #userinfo ul { list-style: none; } #userinfo ul li { float: right; margin-left: 5px; } #userlogin { padding-top: 15px; } #userlogin p { margin-bottom: 8px; } #userlogin p label { width: 140px; float: left;} #userlogin label:after { content: ": "; } #userlogin .submit-button { padding: 2px 20px; } #userlogin input { border-style: solid; border-width: thin; border-color: #808080; } #userlogin input:focus { background-color: #ffc; } #content-menu { width: 140px; } #content-menu ul { margin-top: 40px; } #content-menu dl { font-weight: bold; letter-spacing: 2px; } #content-menu li { padding-left: 5px; } .clearfloat { height: 0; clear: both; } .red { color: red; } .error-red { border: 1px solid red; } .errorbox { background-color: #ffffcc; } .errorbox h3 { margin: 0; padding: 0; font-size: 1em; float: left; } .center { text-align: center; } #contact p label { width: 150px; float: left; } #contact p input { width: 180px; margin-bottom: 2px; } #customer p label { width: 150px; float: left; } /** #customer p input { width: 180px; margin-bottom: 2px; } **/ .customer_input { width: 230px; } #customer fieldset { border: 0; margin-top: 10px; } #customer fieldset legend { font-weight: bold; letter-spacing: 1px; } .sel_120px { width: 120px; } .sel_140px { width: 140px; } .sel_220px { width: 220px; } #customer-info p label { width: 150px; float: left; } /** hover menu top **/ .hovermenu ul { padding-left: 0; margin-left: 255px; height: 50px; margin-right: 170px; border: 0px solid green; } .hovermenu ul li { list-style: none; display: inline; } .hovermenu ul li a { padding: 0.5em 1em; padding-top: 25px; text-decoration: none; float: left; color: #666666; background-color: #FFF2BF; border-left: 0px solid #ffcc00; } .hovermenu ul li a:hover { color: #000; background-color: #FFE271; } .hovermenu li.active-menu a { color: #000; background-color: #ffcc00; } /** hover tab **/ #tabnav { height: 20px; margin: 0; margin-bottom: 20px; padding-left: 10px; background: url('/images/css-tabs/tab_bottom.gif') repeat-x bottom; } #tabnav li { margin: 0; padding: 0; display: inline; list-style-type: none; } #tabnav a:link, #tabnav a:visited { float: left; background: #f3f3f3; font-size: 10px; line-height: 14px; font-weight: bold; padding: 2px 10px 2px 10px; margin-right: 4px; border: 1px solid #ccc; text-decoration: none; color: #666; } #tabnav a:link.active, #tabnav a:visited.active { border-bottom: 1px solid #fff; background: #fff; color: #000; } #tabnav a:hover { background: #fff; } /** print style **/ @media print { .noprint { display: none; } } ul.top-menu { list-style: none; height: 20px; width: 100%; background: #e06b0a; } .top-menu li { float: left; width: 120px; text-align: center; } .top-menu li a { width: 100px; text-decoration: none; color: #fff; } .top-menu li a:hover { color: #666666; background-color: #f3b802; padding-bottom: 3px; padding-left: 10px; padding-right: 10px; } .top-menu li.active { color: #666666; background-color: #f3b802; padding-bottom: 2px; } #content-box-1 { width: 282px; float: left; margin-right: 5px; } #content-box-2 { width: 282px; float: left; margin-right: 5px; } #content-box-3 { width: 405px; float: left; } .header { display: block; font-size: 1em; height: 25px; padding-left: 4px; padding-top: 4px; color: #fff; } .light { background-color: #f3b802; } .dark { background-color: #e06b0a; } .grey { background-color: #eee; } .smalltext { font-size: 0.8em; } .front-row-1 { height: 135px; } .front-row-2 { height: 305px; } .front-row-3 { height: 80px;} #front-word { padding-top: 15px; } .front-word-col-1 { margin-bottom: 15px; float: left; width: 15%; font-size: 1.5em; } .front-word-col-1 h2 { font-size: 1em; } .front-word-col-2 { margin-bottom: 15px; float: left; width: 85%; } .front-word-col-2 h3 { width: 100%; font-size: 1em; } /* #front-word h2 { width: 40px; background-color: green; } #front-word h3 { float: left; } */ #bildspel-valjare p label { width: 100px; float: left; } #customerlist { width: 100%; padding: 0; margin: 0; } #customerlist th { background-color: #669966; color: #fff; font-size: 0.9em; } #customerlist th a { color: #fff; text-decoration: underline; } #customer-comment p { float: left; } #customer-comment-edit p { margin-bottom: 4px; } #customer-comment-edit label { float: left; width: 130px; } div.scroll { height: 225px; width: 98%; overflow: auto; border: 1px solid #666; background-color: #ccc; padding: 8px; } .ad_space_div { font-size: 0.8em; width: 130px;border: 1px solid silver; } .ad_space_div:hover { border: 1px solid #666; background-color: #cfcfcf; } .appl-add-button a { height: 16px; display: block; background: transparent url('/images/icons/application_add.png') no-repeat 0px 0px; padding: 0px 0px 0px 20px; margin-left: 4px; margin-right: 0px; } .appl-edit-button a { height: 16px; display: block; background: transparent url('/images/icons/application_edit.png') no-repeat 0px 0px; padding: 0px 0px 0px 20px; margin-left: 4px; margin-right: 0px; } .appl-del-button a { height: 16px; display: block; background: transparent url('/images/icons/application_delete.png') no-repeat 0px 0px; padding: 0px 0px 0px 20px; margin-left: 4px; margin-right: 0px; } .appl-magn-button a { height: 16px; display: block; background: transparent url('/images/icons/application_form_magnify.png') no-repeat 0px 0px; padding: 0px 0px 0px 20px; margin-left: 4px; margin-right: 0px; } .group-go-button a { height: 16px; display: block; background: transparent url('/images/icons/group_go.png') no-repeat 0px 0px; padding: 0px 0px 0px 20px; margin-left: 4px; margin-right: 0px; } .img-add-button a { height: 16px; display: block; background: transparent url('/images/icons/image_add.png') no-repeat 0px 0px; padding: 0px 0px 0px 24px; margin-left: 12px; margin-right: 12px; } .img-edit-button a { height: 16px; display: block; background: transparent url('/images/icons/image_edit.png') no-repeat 0px 0px; padding: 0px 0px 0px 24px; margin-left: 12px; margin-right: 12px; } .img-del-button a { height: 16px; display: block; background: transparent url('/images/icons/image_delete.png') no-repeat 0px 0px; padding: 0px 0px 0px 24px; margin-left: 12px; margin-right: 12px; } .images-edit-button a { height: 16px; display: block; background: transparent url('/images/icons/images.png') no-repeat 0px 0px; padding: 0px 0px 0px 24px; margin-right: 12px; } .agreement-add-button a { height: 16px; display: block; background: transparent url('/images/icons/table_add.png') no-repeat 0px 0px; padding: 0px 0px 0px 20px; margin-left: 4px; margin-right: 0px; } .agreement-edit-button a { height: 16px; display: block; background: transparent url('/images/icons/table_edit.png') no-repeat 0px 0px; padding: 0px 0px 0px 20px; margin-left: 4px; margin-right: 0px; } .agreement-del-button a { height: 16px; display: block; background: transparent url('/images/icons/table_delete.png') no-repeat 0px 0px; padding: 0px 0px 0px 20px; margin-left: 4px; margin-right: 0px; } .agreement-images-button a { height: 16px; display: block; background: transparent url('/images/icons/images.png') no-repeat 0px 0px; padding: 0px 0px 0px 20px; margin-left: 4px; margin-right: 0px; } .note-add-button a { height: 16px; display: block; background: transparent url('/images/icons/note_add.png') no-repeat 0px 0px; padding: 0px 0px 0px 24px; margin-right: 12px; } .note-edit-button a { height: 16px; display: block; background: transparent url('/images/icons/note_edit.png') no-repeat 0px 0px; padding: 0px 0px 0px 24px; margin-right: 12px; } .note-del-button a { height: 16px; display: block; background: transparent url('/images/icons/note_delete.png') no-repeat 0px 0px; padding: 0px 0px 0px 24px; margin-right: 12px; } .user-add-button a { height: 16px; display: block; background: transparent url('/images/icons/user_add.png') no-repeat 0px 0px; padding: 0px 0px 0px 24px; margin-right: 12px; } .user-edit-button a { height: 16px; display: block; background: transparent url('/images/icons/user_edit.png') no-repeat 0px 0px; padding: 0px 0px 0px 24px; margin-right: 12px; } .user-del-button a { height: 16px; display: block; background: transparent url('/images/icons/user_delete.png') no-repeat 0px 0px; padding: 0px 0px 0px 24px; margin-right: 12px; } .comment-add-button a { height: 16px; display: block; background: transparent url('/images/icons/comment_add.png') no-repeat 0px 0px; padding: 0px 0px 0px 20px; margin-left: 4px; margin-right: 0px; } .comment-edit-button a { height: 16px; display: block; background: transparent url('/images/icons/comment_edit.png') no-repeat 0px 0px; padding: 0px 0px 0px 20px; margin-left: 4px; margin-right: 0px; } .comment-del-button a { height: 16px; display: block; background: transparent url('/images/icons/comment_delete.png') no-repeat 0px 0px; padding: 0px 0px 0px 20px; margin-left: 4px; margin-right: 0px; } .branch-add-button a { height: 16px; display: block; background: transparent url('/images/icons/world_add.png') no-repeat 0px 0px; padding: 0px 0px 0px 24px; margin-right: 12px; } .branch-edit-button a { height: 16px; display: block; background: transparent url('/images/icons/world_edit.png') no-repeat 0px 0px; padding: 0px 0px 0px 24px; margin-right: 12px; } .branch-del-button a { height: 16px; display: block; background: transparent url('/images/icons/world_delete.png') no-repeat 0px 0px; padding: 0px 0px 0px 24px; margin-right: 12px; } .arrow-up a { background: transparent url('/images/icons/arrow_up.png') no-repeat 0px 0px; padding: 0px 0px 0px 24px; margin-right: 12px; } .arrow-down a { background: transparent url('/images/icons/arrow_down.png') no-repeat 0px 0px; padding: 0px 0px 0px 24px; margin-right: 12px; } .bell-error { background: transparent url('/images/icons/bell_error.png') no-repeat 0px 0px; padding: 0px 0px 0px 24px; margin-right: 12px; } .error_msg { background-color: #ffff99; } .button-cell { text-algin: center; width: 24px; } .login-button a { background: transparent url('/images/icons/lock.png') no-repeat 0px 0px; padding: 0px 0px 0px 24px; margin-right: 12px; } .pdf-button a { background: transparent url('/images/icons/page_white_acrobat.png') no-repeat 0px 0px; padding: 0px 0px 0px 24px; margin-right: 12px; } .reserved-place { border: 1px solid silver; } .reserved-place:hover { border: 1px solid #000; } #ad_country p label { width: 75px; float: left; } #ad_country p input { margin-bottom: 2px; /** border: 0; border-bottom: 2px dotted #cfcfcf; **/ } #ad_district p label { width: 75px; float: left; } #ad_district p input { margin-bottom: 2px; /** border: 0; border-bottom: 2px dotted #cfcfcf; **/ } #ad_city_district p label { width: 75px; float: left; } #ad_city_district p input { margin-bottom: 2px; /** border: 0; border-bottom: 2px dotted #cfcfcf; **/ } #ad_loop p label { width: 120px; float: } #ad-selector p { margin-bottom: 4px; } #ad-selector p label { width: 135px; float: left; } #mina-annonser-avtal p { margin-bottom: 4px; font-weight: bold;} #mina-annonser-avtal p label { width: 170px; float: left; font-weight: normal;} #mina-annonser-uppdatering p { margin-bottom: 4px; } #mina-annonser-uppdatering p label { width: 325px; float: left; } #mina-uppgifter p { margin-bottom: 4px; } #mina-uppgifter p label { width: 105px; float: left; } #mina-uppgifter p input { width: 180px; margin-bottom: 2px; /** border: 0; border-bottom: 2px dotted #cfcfcf; **/ } #agreement_type p { margin-bottom: 4px; } #agreement_type p label { width: 175px; float: left; } #agreement_type p input { width: 175px; margin-bottom: 2px; /** border: 0; border-bottom: 2px dotted #cfcfcf; **/ } #image-form p { margin-bottom: 4px; } #image-form p label { float: left; width: 140px; } #user-info p { margin-bottom: 4px; } #user-info p label { float: left; width: 120px; } #change-password p { margin-bottom: 4px; } #change-password p label { float: left; width: 120px; } #mina-annonser-add-ad p label { float: left; width: 175px; } #mina-annonser-add-ad fieldset { border: 0; } #mina-annonser-add-ad legend { letter-spacing: 1px; font-weight: bold; } /** #myGallery.image { width: 800px !important; height: 480px !important; } #myGallery.banner { width: 400px !important; height: 240px !important; } **/ #myGallery { width: 800px !important; height: 480px !important; }