/*------------------------------------------------------------------ [Master Stylesheet] Project: Alonova Version: 1.0 Last change: 2008-11-11 Assigned to: Kim Gunnarsson, Mindbite Primary use: Corporate Website -------------------------------------------------------------------*/ @import "reset.css"; @import "960.css"; /*-------------------------------------------------------------------------------------------------- Body and text --------------------------------------------------------------------------------------------------*/ body {font: normal 11px/18px Arial, Tahoma, sans-serif; color: #000; background: #2e2e2e;} h1 {font: bold 25px Arial, Tahoma, Sans-serif; color: #012344; margin: 0 0 5px;} h2 {font: bold 14px Arial, Tahoma, Sans-serif; color: #323232; margin: 0 0 6px;} h3 {font: bold 12px Arial, Tahoma, Sans-serif; color: #323232; margin: 0 0 6px; padding: 0 0 3px; border-bottom: solid 1px #666;} h3.group {padding-top: 15px; font: bold 14px/18px sans-serif; border-top: solid 0px #ccc; clear: both;} a {} .clearer, .clear {height: 0; font-size: 0; line-height: 0; clear: both;} /*-------------------------------------------------------------------------------------------------- Page objects --------------------------------------------------------------------------------------------------*/ #page {} #top {background-color: #000; float: left; width: 100%; clear: both;} #ctl01_header {padding: 24px 0 0; display: block; clear: both;} #container {clear: both; padding-top: 24px;} #center-container {background-color: #efefef; clear: both; padding: 0 0 24px;} #ctl01_extrapagecontent {background-color: #fff; clear: both; padding: 35px 0;} #footer {background: #2e2e2e url(../gfx/footer-bg.gif) repeat-x top; clear: both; color: #fff; font-size: 11px; padding: 20px 0 35px;} /*-------------------------------------------------------------------------------------------------- Page properties --------------------------------------------------------------------------------------------------*/ #top-wrapper {width: 960px; margin: 0px auto; text-align: left; padding: 28px 0 0;} #top-wrapper #navigation {padding: 7px 0 0; float: left;} #top-wrapper #logo {float: right; width: 92px;} /* Content */ .content-wide {background: url(../gfx/content-wide-bg.gif) no-repeat top; padding: 10px 5px; margin: 0 0 15px;} .content-wide #content-end {background: url(../gfx/content-wide-bg.gif) no-repeat bottom; padding: 20px 0 0; margin: 0 -10px -10px; height: 15px !important;} .content-wide #content-placeholder {width: 500px; padding: 10px 10px 0;} .content-thin {background: url(../gfx/content-thin-bg.gif) no-repeat top; padding: 10px 0; margin: 0 0 15px 20px;} .content-thin #content-end {background: url(../gfx/content-thin-bg.gif) no-repeat bottom; padding: 20px 0 0; margin: 0 -10px -10px; height: 15px !important;} .content-thin #content-placeholder {width: 490px; padding: 10px 10px 0;} .content-wide p, .content-thin p {margin-bottom: 10px;} .content-wide ul {padding: 5px 10px; margin: 5px 15px; list-style: disc;} .content-wide ol {padding: 5px 10px; margin: 5px 15px; list-style-type: decimal;} .content-wide ul li {list-style: disc; font-size: 11px;} .content-wide ol li {list-style: decimal; font-size: 11px;} .content-thin ul {padding: 5px 10px; margin: 5px 15px; list-style: disc;} .content-thin ol {padding: 5px 10px; margin: 5px 15px; list-style-type: decimal;} .content-thin ul li {list-style: disc; font-size: 11px;} .content-thin ol li {list-style: decimal; font-size: 11px;} .content-thin a, .content-wide a {text-decoration: underline; color: #002347;} .content-thin a, .content-wide a:hover {text-decoration: none;} /* Sidebar */ .sidebar-wide #demo {background: url(../gfx/puff-demo-wide-bg.gif) no-repeat top; color: #fff; padding: 10px; width: 390px; margin: 0 0 0 10px !important;} .sidebar-wide #demo a {color: #fff;} .sidebar-wide #demo a:hover {text-decoration: none;} .sidebar-wide #demo h2 {color: #fff;} .sidebar-wide #demo .puff-end {background: url(../gfx/puff-demo-wide-bg.gif) no-repeat bottom; margin: 0px -10px -10px; height: 15px !important;} .sidebar-thin #demo {background: url(../gfx/puff-demo-thin-bg.gif) no-repeat top; color: #fff; padding: 10px; width: 210px; margin: 0 0 0 10px !important;} .sidebar-thin #demo a {color: #fff;} .sidebar-thin #demo a:hover {text-decoration: none;} .sidebar-thin #demo h2 {color: #fff;} .sidebar-thin #demo .puff-end {background: url(../gfx/puff-demo-thin-bg.gif) no-repeat bottom; margin: 0px -10px -10px; height: 15px !important;} .sidebar-thin #ctl01_contact {background: url(../gfx/puff-contact-thin-bg.gif) no-repeat top; color: #fff; padding: 10px; width: 210px; margin: 20px 0 0 10px !important;} .sidebar-thin #ctl01_contact a {color: #fff;} .sidebar-thin #ctl01_contact a:hover {text-decoration: none;} .sidebar-thin #ctl01_contact h2 {color: #fff;} .sidebar-thin #ctl01_contact .puff-end {background: url(../gfx/puff-contact-thin-bg.gif) no-repeat bottom; margin: 0px -10px -10px; height: 15px !important;} .sidebat-thin #ctl01_contact fieldset {margin: 5px 0 0 !important;} .sidebar-thin #ctl01_contact fieldset label {display: block; width: 100%; font-weight: bold;} .sidebar-thin #ctl01_contact fieldset input.txt {width: 198px; border: solid 1px #cacaca; margin: 0 0 10px !important;} /* Extra page content */ #ctl01_extrapagecontent h2 {color: #012445; border-bottom: solid 1px #ebebeb; padding: 0 0 2px;} #ctl01_extrapagecontent ul {padding: 5px 0 0;} #ctl01_extrapagecontent ul li {padding: 2px 3px 2px 15px; background: url(../gfx/arrow.gif) left no-repeat;} #ctl01_extrapagecontent a {color: #002347;} #ctl01_extrapagecontent a:hover {text-decoration: none;} #ctl01_extrapagecontent a.readmore {margin: 5px 0 -10px; display: block;} /* Footer */ #footer a {color: #fff; text-decoration: none;} #footer a:hover {text-decoration: underline;} #footer #footer-content {width: 960px; margin: 0px auto; text-align: left;} #footer #footer-content .address {width: 750px; float: left;} #footer #footer-content .sf {text-align: right; margin-top: -3px; padding: 0; width: 150px; float: right;} address.footer {font: normal 11px sans-serif; display: block; clear: both;} address.footer strong {display: none;} address.footer span.tel strong {display: inline;} address.footer span.fax strong {display: inline;} address.footer a {color: #fff; text-decoration: none;} address.footer a:hover {text-decoration: underline;} /*-------------------------------------------------------------------------------------------------- Menu --------------------------------------------------------------------------------------------------*/ #top #navigation ul {margin: 55px 0 0;} #top #navigation ul li {display: inline; float: left; background: url(../gfx/menu-item.gif) no-repeat left top; padding: 0 0 0 12px;} #top #navigation ul li a {display: block; float: left; background: url(../gfx/menu-item.gif) no-repeat right top; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; padding: 8px 15px 7px 0;} #top #navigation ul li a:hover {color: #666;} #top #navigation ul li.on {background: url(../gfx/menu-item-selected.gif) no-repeat left top;} #top #navigation ul li.on a {background: url(../gfx/menu-item-selected.gif) no-repeat right top; color: #004378;} #ctl01_secondarynavigation h2.masterpage {border-bottom: solid 1px #9e9e9e; padding-bottom: 5px; margin: 0;} #ctl01_secondarynavigation ul li a {border-bottom: solid 1px #dedede; padding: 7px 8px; font-size: 11px; color: #004378; text-decoration: none; font-weight: bold; display: block;} #ctl01_secondarynavigation ul li a:hover {background-color: #d8d8d8; color: #666;} #ctl01_secondarynavigation ul li.on a {background-color: #004378; color: #fff;} #ctl01_secondarynavigation ul ul {border: 0; margin: 5px 0 10px 25px; } #ctl01_secondarynavigation ul ul li a {border-bottom: solid 1px #dedede; background-color: #efefef !important; padding: 3px 0 5px; color: #004378 !important; font-weight: normal;} #ctl01_secondarynavigation ul ul li.last a {border: 0;} #ctl01_secondarynavigation ul ul li.on a {color: #2d2e2a !important; font-weight: bold;} #ctl01_secondarynavigation ul ul ul li a {border-bottom: solid 1px #dedede; background-color: #efefef !important; padding: 3px 0 5px; color: #004378 !important; font-weight: normal !important;} #ctl01_secondarynavigation ul ul ul li.last a {border: 0;} #ctl01_secondarynavigation ul ul ul li.on a {color: #2d2e2a !important; font-weight: bold !important;} /*-------------------------------------------------------------------------------------------------- Generic layout --------------------------------------------------------------------------------------------------*/ img {border: 0;} img.left {float: left; margin: 0 10px 5px 0;} img.right {float: right; margin: 0 0 5px 10px;} div.company {width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #ccc;} /*-------------------------------------------------------------------------------------------------- AddOns etc --------------------------------------------------------------------------------------------------*/ span.smark {background-color: #ccc; padding: 0 2px;} ol.searchresult li {margin-bottom: 20px;} ol.searchresult h3 {margin: 0 0 5px 0;} ol.searchresult h3 a {text-decoration: none;} ol.searchresult p {margin: 3px 0;} address.staff {margin: 20px 0; display: block; clear: both;} address.staff span {margin: 0 0 3px 0; font: normal 12px sans-serif; display: block;} address.staff span.wrapper {width: 300px; float: left;} address.staff span.photo {width: 120px; margin-right: 5px; float: left;} address.staff span.n {margin-bottom: 5px; font-size: 14px; font-weight: bold;} address.staff span.title {margin: 10px 0; font-size: 14px;} address.staff span.value {display: inline;} div.gallery {width: 100%; margin: 10px 0; clear: both; float: left;} p.gallerybreadcrumb {margin: 10px 0 5px 0; padding: 5px; background: #f5f5f5; border: solid 1px #eee;} a.gallerydir {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;} a.galleryimg {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;} a.gallerydir:hover {color: #000; background-color: #f5f5f5;} a.galleryimg:hover {color: #000; background-color: #f5f5f5;} a.gallerydir img, a.galleryimg img {display: block; clear: both;} a.gallerydir span, a.galleryimg span {width: 120px; font: normal 11px sans-serif; text-align: center; display: block; clear: both; position: absolute; bottom: 5px; left: 5px;} body#viewphoto {height: auto; margin: 10px; padding: 0; font: normal 12px sans-serif; color: #fff; background: #000;} body#viewphoto h1 {font: bold 18px sans-serif; color: #fff;} body#viewphoto p {margin: 5px 0; color: #fff;} fieldset.contact {border: 0; margin: 10px 0; padding: 0;} fieldset.contact legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000; display: none;} fieldset.contact p {margin: 5px 0;} fieldset.contact label {display: block; border-bottom: solid 1px #f5f5f5; padding: 0 0 3px; font-weight: bold; margin: 0 0 4px;} fieldset.contact label .rfv {font-size: 11px; color: #c00;} fieldset.contact input {width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000; margin: 0 0 5px;} fieldset.contact input.captcha-input {width: 60px;} fieldset.contact textarea {width: 250px; height: 100px; padding: 2px; font: normal 12px sans-serif; color: #000; overflow: auto;} fieldset.contact .btn {width: auto;} fieldset.loginprotectedpage {border: 0; margin: 10px 0; padding: 0;} fieldset.loginprotectedpage legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000;} fieldset.loginprotectedpage p {margin: 5px 0;} fieldset.loginprotectedpage label {display: block;} fieldset.loginprotectedpage label .rfv {font-size: 11px; color: #c00;} fieldset.loginprotectedpage input {width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;} fieldset.loginprotectedpage .btn {width: auto;} dl#pageproperties {width: 100%; margin: 20px 0; display: block; clear: both;} dl#pageproperties dt {width: 110px; font: bold 11px sans-serif; float: left;} dl#pageproperties dd {font: normal 11px sans-serif;} dl#pageproperties dd a {} ul.sitemap {margin: 5px 0 5px 20px; list-style-type: square;} ul.sitemap ul {margin: 5px 0 5px 20px; list-style-type: square;} ul.breadcrumb {margin: -10px 0 5px; padding: 0; list-style: none;} ul.breadcrumb li {margin-right: 2px; padding: 0; line-height: 25px; display: inline;} ul.breadcrumb li.delimiter {font-weight: bold;} ul.breadcrumb li a {color: #000; text-decoration: underline;} ul.breadcrumb li a:hover {text-decoration: none;} ul.documentlibrary {list-style: none; margin: 0; padding: 0;} ul.documentlibrary li {line-height: 20px;} ul.documentlibrary li img {vertical-align: top;} ul.documentlibrary li a {margin: 0 0 0 6px;} /*-------------------------------------------------------------------------------------------------- CE --------------------------------------------------------------------------------------------------*/ div.largeimage {display:none; position: absolute; left:200px; background-color:#fff; border:solid 1px #ccc;} div.largeimage a {margin:10px; display: block;} ol.guestbook {width: 70%; margin: 0; padding: 0; list-style: none; float: left;} ol.guestbook li {margin: 0 0 10px 0; padding: 10px; background: #f5f5f5;} ol.guestbook h3 {margin: 0; font: bold 11px sans-serif;} ol.guestbook p {margin: 0;} ol.guestbook p.report {margin-bottom: 10px;} ol.guestbook a {text-decoration: none; color: Blue;} ol.guestbook a.reported {text-decoration: none; color: Red;} ol.guestbook li.pager {margin: 0; padding: 0; line-height: 20px; text-align: center; background: none !important; clear: both;} ol.guestbook li.pager a {text-decoration: none;} ol.guestbook li.pager a:hover {text-decoration: underline;} ol.guestbook li.pager a.left {float: left;} ol.guestbook li.pager a.right {float: right;} fieldset.guestbook {width: 25%; padding: 10px; background: #f5f5f5; border: 0; float: right;} fieldset.guestbook legend {margin: 0 0 10px -7px; padding: 0; font: bold 14px sans-serif; color: #000;} fieldset.guestbook p {margin: 5px 0;} fieldset.guestbook p.info {margin: 10px 0;} fieldset.guestbook p.error {color: Red;} fieldset.guestbook p.done {color: Green;} fieldset.guestbook p.checkbox {margin: 0 0 10px 0;} fieldset.guestbook p.checkbox label {margin: 0 0 0 3px; vertical-align: middle; display: inline;} fieldset.guestbook p.checkbox input {width: auto; vertical-align: middle;} fieldset.guestbook label {display: block;} fieldset.guestbook label span {color: Red; visibility: hidden;} fieldset.guestbook input {width: 97%; font: normal 11px sans-serif;} fieldset.guestbook textarea {width: 97%; height: 80px; font: normal 11px sans-serif; overflow: auto;} fieldset.guestbook input.btn {width: auto;} fieldset.guestbook fieldset {margin: 0; padding: 0; border: 0; display: none;} fieldset.guestbook fieldset legend {display: none;} ul.banners {margin: 20px 0; padding: 0; list-style: none;} ul.banners li {margin: 5px 0;}