/****************************************************************************** * Noop::Kirkens SOS::CSS * * Author: svale/andreas@noop.no * $Date: 2010-09-17 20:10:03 $ * $Revision: 1.23 $ * * ***/ body {margin:0; padding:0; border:0; color:#6e726d; font:62.5% Georgia, Times, Times New Roman, serif; line-height:150%;} div.head-wrap {} div.head {width:98.4em;height:10.8em;margin:0 auto;} div.page {width:98.4em; margin:1.5em auto 2.5em auto; position:relative;background:url(../images/l-v.png) repeat-y 65.28em 0;} div.main {width:58.2em; padding:0 0em 0 1.2em; float:left; position:relative; overflow:hidden;} div.right {width:37.8em;margin:0 0em 0 1.2em; float:left; position:relative; overflow:hidden;} div.foot {width:98.4em; margin:0em auto; position:relative;} div.right {width:30em;margin:0 0 0 9em; float:left; position:relative; overflow:hidden;} div.page-home {margin-top:1.2em;background-image:none;} div.page-home div.main {} div.page-home div.right {width:37.8em;margin:0 0em 0 1.2em;} div.page-full {margin-top:2.4em;background-image:none;} div.page-full div.main {width:97.2em;} div.page-full div.right {display:none;} /* debug */ /*div.page {background-color:#f5f5f5;background-color:blue;} div.main {background-color:#eee;background-color:red;} div.right {background-color:#eee;background-color:green;}*/ /*** * globals */ div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {margin:0; padding:0;} p {font-size:1.2em; margin:1.2em 0; line-height:150%;} li {line-height:140%;} p.f {margin-top:0;} p.l {margin-bottom:0;} /*xxx*/ select, input, textarea {vertical-align:middle; margin:0.2em; padding:0.3em; color:#333; font-size:1em; font-family:Arial, Helvetica, sans-serif; overflow:auto;} input.txt, textarea.txt {border:1px solid #cacfcc;} input[type=checkbox], input[type=radio] {margin-top:0;} input.btn {vertical-align:middle; padding:0.3em 0.5em; border:1px solid #919591; background:#CCD1CB; color:#333; font-size:1em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; cursor:pointer;} input.btn::-moz-focus-inner {border:0;} input.hidden {display:none !important;} a, a:hover, a:focus {color:#5A066A; /*text-decoration:none; border-bottom:1px #5A066A solid; padding-bottom:0;*/} .center {text-align:center;} .hidden {display:none;margin:0;} .clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clear {display:inline-block} * html .clear {height:1%} .clear {display:block} /** * text */ p.text, div.text {font-size:1.4em;line-height:128.58%;} div.text a, div.text a:visited, div.text a:hover, div.text a:focus {/*text-decoration:none; border-bottom:1px #5A066A solid;*/} div.text ol {margin:0.5em 0 0.5em 3.5em;} div.text ul {margin:0.5em 0 0.5em 3.5em; list-style-type:square;} div.text li {margin:0 0 0.5em 0;line-height:128.58%;} div.text blockquote {margin:0 0 0.5em 3.5em;} /* text - font size*/ div.text p {margin:1em 0;font-size:1em;line-height:128.58%;} div.text .f1 {font-size:0.714em;line-height:128.58%;/*10*/} div.text .f2 {font-size:1.0em;line-height:128.58%;/*14*/} div.text .f3 {font-size:1.143em;line-height:128.58%;/*16*/} div.text .f4 {font-size:1.286em;line-height:128.58%;/*18*/} div.text .f5 {font-size:1.714em;line-height:128.58%;/*24*/} div.text .f6 {font-size:2.286em;line-height:128.58%;/*32*/} div.text .f7 {font-size:3.2857em;line-height:128.58%;/*46*/} /* text - images */ div.image, span.image, {display:inline; float:left;} div.image p, span.image span {display:block;margin:0; padding:0em 0.3em; clear:both; color:#6E726D; font-size:0.714em; line-height:150%;} div.m-cnt-body img, div.image, span.image {margin:0.2em 1.2em;} div.image img, span.image img {margin:0px;} div.border, span.border, img.border {border:1px solid #476C5E; margin:0.2em 1.2em;} .image-left, .embed-left {float:left;margin-left:0px; margin-right:1em !important;} .image-right, .embed-right {float:right;margin-right:0px; margin-left:1em !important;} .image-center, .embed-center {float:none;margin:0em auto !important; display:block;} .image-center img {float:none !important;} div.embed-center, object.embed-center {text-align:center;} div.embed-center *, object.embed-center * {text-align:left;} /* thumnails */ .thumbnail {display:block; margin:0.7em 0;border:1px solid #CACFCC;} .thumbnail-right {float:right; margin-left:1.5em;} .thumbnail-left {float:left; margin-right:1.5em;} /* buttons */ div.m-button div, div.h-buttons div, div.r-buttons div {position: absolute; display: block; margin: 0 0 0 -2000px; width:200px;} a.m-campain {display:block;/*width:582px;*/height:354px;margin-bottom:3em; width: 100%;} /*** * head, search, menu, nav */ div.head-wrap {border-bottom:1px solid #afa7a0;overflow: hidden;} div.head {background:url(../images/h-bg.png) no-repeat 0 100%; position: relative;} div.head a.logo {} div.head a.logo img {position:absolute;display:block;top:3.5em;width:28.8em;height:7.2em;border:0;z-index:100;} div.head div.shadow {position:absolute;right:-1.2em;bottom:0;width:2em;height:1.2em;background:#fff url(../images/h-bg.png) no-repeat 100% 0%;} div.main-menu {position:absolute;top:8.16em;left:0; width:100%;} div.main-menu h3 {display:none;} div.main-menu ul {display:block;width:98.4em;margin:0 auto;padding:0;list-style-type:none; text-align: right;} div.main-menu ul li {display: inline; padding-left:1em;} div.main-menu ul li a {color:#998f86;font-weight:bold; text-decoration:none; font-size:1.2em; line-height:150%;} div.main-menu ul li a.active, div.main-menu ul li a:hover {color:#84207b;} div.page-menu {width:100%;} div.page-menu h3 {display:none;} div.page-menu ul {display:block;width:97.2em;height:4.2em;overflow:hidden;margin:0 auto;padding:0;border-left:1.2em solid #fff;background-color:#ccd1cb;list-style-type:none;} div.page-menu ul li {display:inline;} div.page-menu ul li a {display:block; float:left; padding:1.8em 0.96em 0.6em 0.6em; color:#fff;font-weight:bold;text-decoration:none; font-size:1.2em; line-height:150%;} div.page-menu ul li a.active{background:url(../images/p-m-h-bg.png) repeat-x;} div.page-menu ul li a:hover {color:#84207b;} div.page-menu ul li a.active{background:url(../images/p-m-a-bg.png) repeat-x !important;} div.page-menu ul li a:hover {background:url(../images/p-m-h-bg.png) repeat-x; color:#fff;} form.h-search {position:absolute; left:0; top:3em; width:100%;} form.h-search p {display:none;} form.h-search div {position:relative;width:98.4em;margin:0 auto;} form.h-search input {display:block; position:absolute; top: 0em; right:0em; width:164px; height:14px; margin:0; padding:6px 0 7px 12px; border-width:0; background:url(../images/h-s-bg.png) left top no-repeat; color:#998f86; font-size:11px; font-family:Georgia,Times,Times New Roman,serif; white-space:normal;} form.h-search input.btn {position:absolute; margin:4px 3px 2px 3px; width:28px; height:18px; right:8px; padding:0; border:0; background-image:none; background-color:#fff; font-weight: normal;} p.nav {margin:0 0 1.2em 0;font-size:1.001em; color:#90918f;} p.nav a {color:#90918f; text-decoration:none;} p.nav a:hover {color:#7C1172; text-decoration:underline;} /*user*/ div#user {position:absolute; top:0.75em; right:0.33em; color:#6E726D; font-size:1.1em; font-family: arial,helvetica,sans-serif;} /*** * main */ /* main - topp buttons */ div.h-buttons {margin:0 0 0 1.2em;} div.h-buttons img {display:block;float:left;border:0;border-right:3.84em solid #fff;border-bottom:1.56em solid #fff;} div.h-buttons a.h-button-3 img {border-right-width:0;} /* main - head */ div.m-head {padding-top:0.24em;} div.m-head h1 {margin:0 0 0.4em 0;padding:0.1em 0 0.2em 0;border-bottom:1px solid #cacfcc; color:#6e726d; font-size:3.6em; font-weight:normal;line-height:130%; letter-spacing:-0.01em;} div.m-head p {color:#7c1172; margin:0; font-size:1.4em;font-weight:bold; line-height:171.5%;} /** * main - button */ a.m-button {position: relative;} a.m-button img {display:block;margin-bottom:2.9em;border:0;} div.m-provinces img {border:0;} div.m-provinces p {text-align:center;} div.m-provinces p a {border:0;padding:0 0.15em; text-decoration:none;} div.m-provinces p a:hover {text-decoration:underline;} /** * main - content */ div.m-sep {border-top:0.4em solid #e6e9e7;} div.m-cnt {margin:2em 0 3em 0;} /* main - content head | tools */ /*todo*/ div.m-cnt-head {display:none;} div.m-cnt-head {clear:both; font-size:1.08em; margin:0.6em 0 1.2em 0;} div.m-cnt-head p.authdate {float:left; margin:0;} /* OBSOLETE by Addthis div.m-cnt-head p.tools {display:none;} div.m-cnt-head p.tools {float:right; margin:0; color:#6E726D;} div.m-cnt-head p.tools a, div.m-cnt-head p.tools a:visited{text-decoration:none; border:0;} div.m-cnt-head p.tools a:hover, div.m-cnt-head p.tools a:focus {text-decoration:none; border-bottom:1px #6E726D solid; padding-bottom:1px;} */ /* main - content */ div.m-cnt a img.thumbnail {border:0;margin: 0em 0em 1.2em 1.2em;} p.m-cnt-details {margin-top:0.6em; padding-top:0.78em; background:url(../images/line-h.gif) left top repeat-x;} p.m-cnt-details label {float:left; width:8.4em; text-align:right;} p.m-cnt-details span {font-weight:bold;} p.m-cnt-details a, p.m-cnt-details a:visited {font-weight:bold;color:#5A066A;} p.m-cnt-details a:hover, p.m-cnt-details a:focus {} p.m-cnt-src {} p.m-cnt-src a, p.m-cnt-src a:visited {color:#5A066A;} p.m-cnt-src a:hover, p.m-cnt-src a:focus {} /** * main - objects list */ div.m-objs-list {} div.m-objs-list h2 {margin-top:0;border-bottom:1px solid #cacfcc;color:#6e726d;font-weight:bold;font-size:1.6em;line-height:187.5%;letter-spacing:-0.01em;} div.m-objs-list img {display:block;float:left;margin:1em 1.5em 1em 0;border:1px solid #cacfcc;} div.m-objs-list ul {display:block;margin:1.2em 0;list-style-type:none;} div.m-objs-list ul li {} div.m-objs-list ul li h3 {display:block; font-weight:normal; font-size:1.4em; line-height:171.43%} div.m-objs-list a {color:#6e726d; text-decoration:none;} div.m-objs-list a:hover {color:#84207B; text-decoration:underline;} /** * main - objects */ div.m-objs {} div.m-obj {margin-bottom:3em; /*border-top:0.4em solid #e6e9e7;*/} div.m-obj h2 {margin-top:0.3em;color:#6E726D;font-size:1.6em;font-weight:bold;letter-spacing:-0.01em;line-height:125%;} div.m-obj h2 a, div.m-obj h2 a:visited {color:#7C1172; text-decoration:none; border:0;} div.m-obj h2 a:hover, div.m-obj h2 a:focus {color:#7C1172; text-decoration:underline; padding-bottom:0;} div.m-obj-text {width:35em; float:left;} div.m-obj p.desc {margin:0.3em 0 0 0;font-size:1.4em;line-height:128.58%;} div.m-obj p.details {display:block; margin:0.5em 0 0; color:#6E726D; font-size:1.1em;} div.m-obj a.link {display:inline; white-space:nowrap;} div.m-obj span.link {display:block;} div.m-obj span.link a.link {display:inline;} div.m-obj .thumbnail-left {margin-right:1.5em;} div.m-obj .thumbnail-right {margin-left:1.5em;} /* div.m-obj-archive h2 {font-size:1.2em; font-weight:bold; margin:0em;} div.m-obj-archive p.desc {margin:0.5em 0 0; font-size:1.2em;} */ /** * main - prayers */ div.m-prayers {margin-top:3em;} div.m-prayer-edit {width:44.4em;} div.m-prayer-edit p.error {font-weight:bold; color:red;} div.m-prayer-edit p.usermsg {font-weight:bold; margin-bottom:1.2em;} div.m-prayer-edit input.btn {vertical-align:middle; height:3em; font-size:1em; padding:0.2em 1em; border:1px solid #919591; background:#CCD1CB; color:#333; font-weight:bold; cursor:pointer;} div.m-prayer-edit input.txt, div.m-prayer-edit textarea.txt, div.m-prayer-edit input.btn {-moz-border-radius:3px;} div.m-prayer-wrap {font-size:1.167em;} /** * main - poster */ div.m-poster {margin-bottom:3em;} div.m-poster h1 {margin:0 0 0.4em 0;padding:0.1em 0 0.2em 0;border-bottom:1px solid #cacfcc; color:#6e726d; font-size:3.6em; font-weight:normal;line-height:130%; letter-spacing:-0.01em;} /** * main - FAQs */ /*todo*/ #faqs {margin-top: 1em;} #faqs h1 {margin-top:0;border-bottom:1px solid #cacfcc;color:#6e726d;font-weight:bold;font-size:1.6em;line-height:187.5%;letter-spacing:-0.01em;} #faqs ol {margin:0 0 2em 2.3em;} #faqs ol li {font-size: 1.3em; margin: 0.5em 0;} #faqs ol li a {color:#6E726D; text-decoration:none;} #faqs ol li a:hover, #faqs ol li a:active {color:#5A066A;} #faqs dl dt {position: relative; margin-top: 1em; font-size: 1.3em; line-height: 1.5; font-weight: 700;} #faqs dl dt a {display: block; position: absolute; top: 0; right:0; float: right; width: 16px; height: 16px; text-indent: -5000px; background: url(../images/up.png) no-repeat;} #faqs dl dt a:hover {background-position: 0 100%;} #faqs dl dd {font-size: 1.2em; line-height: 1.5; padding: 0.5em 0 1em; background: url(../images/line-h.gif) 0 100% repeat-x;} #faqs dl dd:nth-last-of-type(1) {background: none;} #faqs dl dd p {font-size: 1em} /** * main - misc */ /* main - span pages bar */ div.spanpages {width:100%; margin:0 0 1.2em 0; font-size:1.2em; text-align:center; font-family: arial, helvetica, sans-serif;} div.spanpages h5 {display: none} div.spanpages p {display:inline;} div.spanpages a {text-decoration: none;} /* search */ #searchform {position: relative;} #searchform fieldset {border: 0; padding: 0; margin: 0; position: relative;} #searchform fieldset.query {width: 31em; height: 3em; background:url(../images/frm-s-bg.png) no-repeat;} #searchform .query input {position: absolute; top: 0; height: 20px; border: 0; padding: 0; margin: 0; color:#998f86; background-color:transparent; font-size:12px; font-family:Georgia,Times,Times New Roman,serif;} #searchform .query .txt {top:3px; left:10px; width: 240px; line-height: 1.5;} #searchform .query .btn {top:2px; left:260px; width: 37px; font-weight: 400;} #searchform .scope {position: absolute; top: 0.4em; left: 25em; font-size: 1.2em; padding-left: 0.75em; color:#998f86;} #searchform .scope input {margin-left: 2em;} #searchform p {display:none;} h3.searchresults {margin:1em 0 0.4em 0;padding:0.1em 0 0.2em 0;border-bottom:1px solid #cacfcc; color:#6e726d; font-size:3em; font-weight:normal;line-height:130%; letter-spacing:-0.01em;} div.m-obj-search h2 {font-size:1.6em; font-weight:bold; margin:0em;} div.m-obj-search p.details {margin:0.5em 0; font-size:1.1em; line-height: 1.5;} div.m-obj-search p.desc {margin:0em; font-size:1.2em; line-height: 1.5;} /* archive search */ div.m-a-search {margin:0 0 0 1.68em;} div.m-a-search input.txt {width:12em;} /* main - tip */ /* OBSOLETE by AddThis div#tip {position:relative; margin:1.2em 0; padding:0.6em; border:1px solid #476C5E;} div#tip h3 {position:absolute; top:-0.78em; left:0.6em; padding:0 0.48em; color:#476C5E; background:#fff; font-size:1.56em; font-weight:normal;} div#tip a.close, div#tip a.close:visited, div#tip a.close:hover, div#tip a.close:focus {position:absolute; top:-0.78em; right:0.6em; padding:0 0.48em; color:#476C5E; background:#fff; font-size:1.08em; font-weight:normal; border:1px solid #476C5E; text-decoration:none;} div#tip p {margin:0 0 0 1.2em;} div#tip p.msg {margin:0.6em 0.6em 0.6em 1.8em; font-weight:bold; line-height:140%; color:#5A066A; width:80%; padding:0.24em;} div#tip label {margin:0.6em; display:block;} div#tip span {display:block; float:left; width:2.76em; vertical-align:bottom;} div#tip input.txt {width:16.8em;} div#tip textarea.txt {float:left; width:38.4em; height:4.56em;} div#tip input.btn {float:right; font-size:1em;} */ /* main form */ div.m-frm {margin:2em 0 0 0em; width:39em;} div.m-frm h2 {color:#6E726D;font-size:1.1428em;line-height:131.25%;} div.m-frm p {} div.m-frm p.lead {font-weight:bold;} div.m-frm p label {display:block; color:#6E726D;} div.m-frm p input.txt, div.m-frm p textarea {width:37em;} div.m-frm p span {font-size:0.857em; font-style:italic;} div.m-frm p input.btn {height:2em; margin-right:1em; float:right;} div.m-frm input.btn, div.m-frm input.txt, div.m-frm textarea {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} div.m-frm input.btn:focus {border-color: #000;} div.m-frm ul.choices {list-style-type:none;} /* main - gift form */ fieldset.m-gift {border: 0; margin:0.5em 0;} fieldset.m-gift ul.choices {margin-left:0;} fieldset.m-gift fieldset {border: 0; margin:0.5em 0;} fieldset.m-gift input.txt {margin-bottom:0.5em;} fieldset.m-gift input.short {} fieldset.m-gift textarea {width: 24em; margin-bottom: 0.5em;} fieldset.m-gift label.txt {display: block; float: left; width:9em; padding-top:0.5em;} fieldset.m-gift .help-block {font-size: 0.9em; margin-left: 10em} /* main - order form */ fieldset.m-order {border: 0; margin: 0.4em 0; padding: 0.4em;} fieldset.m-order fieldset {border: 0; margin: 0.4em 0;} fieldset.m-order input.txt {margin-bottom: 0.6em;} fieldset.m-order input.short{} fieldset.m-order textarea {width: 24em; margin-bottom: 0.6em;} fieldset.m-order label.txt {display: block; float: left; width:7em; padding-top:0.5em;} /* main - candle */ div.m-candle h2 {color:#5A066A;font-size:1.5em;line-height:128.58%;} div.m-candle div.m-frm {width:25em;} div.m-candle div.m-frm p input.txt, div.m-candle div.m-frm p textarea.txt {width:23.2em;} div.m-candle div.m-frm p input.btn {margin-top:1em;} /* main - box - login */ div.m-login {margin:1.2em 0 0 0;} div.m-login h3 {margin-top:0;border-bottom:1px solid #cacfcc;color:#6e726d;font-weight:bold;font-size:1.6em;line-height:187.5%;letter-spacing:-0.01em;} div.m-login p.c {float:left; margin:0.6em 0em 0.6em 0em; line-height:140%;} div.m-login label {display:block; float:left; margin:0 1em 0 0;} div.m-login input {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size:1em; color:#6E726D; font-family:Georgia,Times,Times New Roman,serif; white-space:normal;} div.m-login input.txt {display:block; float:left; clear:left; width:16em; margin:0 1em 0 0;} div.m-login input.btn {margin:1.4em 0 0 0; background-color:#fff; font-weight: 400;} div.m-login input:focus {border-color:#6e726d; background-color: #f0f0f0 !important;} div.m-login p.msg {margin:1em 0 0.5em; line-height:140%; } div.m-login p.err {margin:1em 0 0.5em; color:#c90016; line-height:140%; } /*** * right */ /** * right - button */ div.r-buttons {margin-bottom:3em;} a.r-button img {display:block;margin-bottom:1.2em;border:0;} a.r-button-tight img {margin-bottom:0.4em;} /* right headings */ div.right h2 {color:#5A066A;font-size:1.5em;line-height:128.58%;} div.right h3 {color:#7c1172;margin-top:0.4em;font-size:1.4em;line-height:128.58%;} div.right h3 a, div.right h3 a:visited {color:#7c1172; text-decoration:none; border:0;} div.right h3 a:hover, div.right h3 a:focus {color:#7c1172; text-decoration:underline; padding-bottom:0;} /* right text */ div.right div.text {margin-top:0.72em;font-size:1.2em;line-height:150%} div.right div.text p, div.right div.text span {line-height:150%;} div.right div.text ul, div.right div.text ol {margin-left:1.25em;} div.right div.text li {line-height:150%;margin-bottom:0.3em;} div.right .thumbnail-right {margin-left:0.5em;} div.right .thumbnail-left {margin-right:0.5em;} /* links */ /* todo: make into briefs with text ? */ div.right div.r-link {} div.right div.r-link h2 {margin-top:0;border-bottom:1px solid #cacfcc;color:#6e726d;font-weight:bold;font-size:1.6em;line-height:187.5%;letter-spacing:-0.01em;} div.right div.r-link p {} div.right div.r-link a {color:#6E726D; text-decoration:none;} div.right div.r-link a:hover{color:#84207B; text-decoration:underline;} /* right objects */ div.r-objs {width:30em;} div.r-objs p.archive {text-align:right; margin-right:1.2em;} div.r-obj-first {border-top-width:0 !important;} div.r-obj {width:30em; margin-bottom:3em; border-top:0.4em solid #e6e9e7;} div.r-obj p.txt {margin-top:0.72em;} div.r-obj p.txt a {white-space:nowrap;} div.r-obj p.details {display:block; margin:0.48em 0 0 0; font-size:1em;} div.r-obj .text-wrap-left {width:15em;float:left;} div.r-obj .text-wrap-right {width:15em;float:right;} div.r-obj div.text {margin-top:0.72em;font-size:1.2em;} div.r-obj div.text p {line-height:150%;} div.r-obj div.text ul, div.r-obj div.text ol {margin-left:1.25em;} div.r-obj div.text li {line-height:150%;margin-bottom:0.3em;} div.r-obj .thumbnail-right {margin-left:0.5em;} div.r-obj .thumbnail-left {margin-right:0.5em;} /* right common for items*/ div.r-item {width:30em; padding:1.8em 0.6em 1.2em 0.6em; background:url(../images/line-h.gif) repeat-x left top;} div.r-item div.txt {float:left; width:50%; font-size:1.08em;} div.r-item img {float:right; margin:0.48em 0em; border:1px solid #476C5E;} div.r-item a, div.r-item a:visited {text-decoration:none; border:0;} div.r-item div.txt p {margin-top:0.6em;} div.r-item div.txt p a, div.r-item div.txt p a:visited {text-decoration:none; border:0; color:#444;} div.r-item a:hover, div.r-item a:focus {text-decoration:underline; padding-bottom:0;} div.r-item ul li {list-style-type:square; margin-left:1.8em;} /* right address */ div.right div.address {width:30em; margin-bottom:3em; border-top:0.4em solid #e6e9e7;} div.right div.address {} div.right div.address p {margin:0; font-weight:bold;} div.right div.address span {display:block;float:left;clear:both;width:5.4em;} div.right div.address span.c{display:block;float:left;clear:both;width:26.4em;margin:0em 1.2em 1.2em 0em;} /* right menu for intranet */ div.right h2.rightmenu {margin:0 0 1em 0;border-bottom:1px solid #cacfcc;color:#6e726d;font-weight:bold;font-size:1.6em;line-height:187.5%;letter-spacing:-0.01em;} ul.rightmenu {font-size: 1.3em;} ul.rightmenu li {margin-left:1.8em; list-style-type: circle; padding-bottom: 0.25em;} ul.rightmenu li a {text-decoration: none;} ul.rightmenu li a:active, ul.rightmenu li a:hover {text-decoration: underline;} /*** * foot */ div.foot {width:93.6em;margin-bottom:1.2em;padding:1.2em 2.4em;background:url(../images/f-bg.png) no-repeat left top; overflow:hidden;} div.foot p {margin:0.5em 0;color:#b7aea6;font-size:1.1em; line-height:140%; font-family:Arial;} div.foot p a, div.foot p a:visited, div.foot p a:hover, div.foot p a:focus {color:#b7aea6;text-decoration:underline; padding-bottom:0;} div.foot div.shadow {position:absolute;right:-1.2em;top:0em;width:2em;height:1.2em;background:#fff url(../images/f-bg.png) no-repeat 100% 0%;} /*** * misc */ /* add this */ .addthis_toolbox {border-top:1px solid #CACFCC; padding-top: 0.5em;} .addthis_toolbox h4 {display: none;} .addthis_toolbox a {opacity: 0.75; float: right !important;} .addthis_toolbox a:hover, .addthis_toolbox a:focus, .addthis_toolbox a:active {border: 0;} .addthis_toolbox a:hover {opacity: 1;} .addthis_toolbox a+a {padding:0 1em 0 0 !important} .addthis_toolbox a#printpage{float:left; display:block; width:16px; height:16px; padding:0; line-height:16px; overflow:hidden; background:transparent url(//s7.addthis.com/static/r07/widget07.png) no-repeat left -1840px} /* error and messages */ div.m-cnt-error {margin-bottom:2em;} div.m-cnt-error h2 {border-bottom:1px solid #CACFCC;color:#6E726D;font-size:3.6em;font-weight:normal;letter-spacing:-0.01em;line-height:130%;margin:0 0 0.4em;padding:0.1em 0 0.2em;} div.m-cnt-error p.lead {font-weight:bold;} div.m-cnt-error ul {margin:0.5em 0 0.5em 3.5em; list-style-type:square;font-size:1.2em;line-height:150%;} div.m-cnt-error ul li {margin:0 0 0.5em 0;line-height:128.58%;} div.err {clear:both; text-align:center; margin:1em 0 2em 0; color:#5A066A; border:1px solid #CACFCC; padding:1em;} div.err h3 {margin-bottom:1em; color:#998F86;font-size:1.5em;line-height:128.58%;} div.err span {font-size:1.2em; color:#c90016;} div.msg {margin-bottom:1em;text-align:center;font-size:1.2em;font-weight:bold;} /* dump */ div.dump {position:absolute; width:100%; background-color:#FFFFFF; text-align:left; font:11px Courier New, Arial, Verdana;} div.dump table {border-collapse:collapse;border: 1px solid blue;border-style: none;} div.dump table td {border: 1px solid blue; padding:2px;} div.dump table td table {border-collapse:collapse; border-style: none;} div.dump table td table td {border: 1px solid red; padding:2px;font-weight:normal;} /*********************************************************************** /* SOS messages */ div.m-sos {font-size:1.4em;width:582px;padding-left:12px;} /*todo:px!*/ div.r-sos {width:290px;margin-left:90px;margin-top:5.25em;} div.page-full div.m-sos-full{width:640px;} div.page-full div.sos-wrap {width:820px;} /*div.r-sos {display:block !important;}*/ div.m-sos h2 {margin:0 0 0.6em 0;padding:0.071em 0 0.142em 0;border-bottom:1px solid #cacfcc; color:#6e726d; font-size:2.571em; font-weight:normal;line-height:130%; letter-spacing:-0.01em;} div.m-sos h3, div.sos-wrap h3 {margin:0 0 0.6em 0;padding:0.071em 0 0.142em 0;border-bottom:1px solid #cacfcc; color:#6e726d; font-size:1.8em; font-weight:normal;line-height:130%; letter-spacing:-0.01em;} div.m-sos input.txt {vertical-align:middle; height:1.5em; font-size:1em; padding:0.2em; border:1px solid #CACFCC; color:#444; font-family:Arial,Helvetica,sans-serif;} div.m-sos textarea {vertical-align:middle; font-size:1em; padding:0.2em; border:1px solid #CACFCC; color:#444; line-height:1.68em; font-family:Arial,Helvetica,sans-serif;} div.m-sos input.btn {vertical-align:middle; height:2.28em; font-size:1em; padding:0.3em; border:1px solid #919591; background:#CCD1CB; color:#333; font-weight:bold; cursor:pointer;} div.m-sos input.btnbig {vertical-align:middle; height:3em; font-size:1em; padding:0.2em 1em; border:1px solid #919591; background:#CCD1CB; color:#333; font-weight:bold; cursor:pointer;} div.m-sos input.txt, div.m-sos textarea, div.m-sos input.btn, div.m-sos input.btnbig {-moz-border-radius:3px;} div.m-sos p.error {color:red;} div.m-sos div.loginform {width:25.2em; text-align:right;} div.m-sos div.passform {width:32.4em; text-align:right;} div.m-sos div.regform {width:27.6em; text-align:right;} div.loginform label, div.regform label, div.msgNew label, div.pop_passwords label {display:block; margin-bottom:0.48em;} /* right col*/ div.r-sos {/*width:25em;margin-left:7.5em;font-size:1.2em; width:300px;*/} /*todo:px!*/ /* tools */ div.tool {margin:5px 2px 0px 0px; padding-bottom:3px; font-size:0.912em;} div.tool select {background-color:#3E4349; padding:0px; border:0px; margin:10px 0px 0px 0px; color:white; font-size:10px;} span.tool {color:black; font-size:0.912em;} p.msgtools {padding:0 0 0.96em 0; margin:0 0 0.6em 0; background:url(../images/line-h.gif) repeat-x left bottom; text-align:right;} a.tool, a.tool:visited {background-color:#333; color:#fff; padding:3px 6px; border:1px solid #6E726D;} a.tool:hover, a.tool:focus {background-color:#333; color:#fff; padding:3px 6px; text-decoration:underline; border:1px solid #000;} /* cancel */ a.cancel, a.cancel:visited, a.cancel:hover, a.cancel:focus {background-color:#333; color:#fff; padding:5px 12px 6px 12px; border:1px solid #6E726D; font-weight:bold; font-size:1em;} a.info, a.info:visited, a.info:hover, a.info:focus {color:red; text-decoration:underline; cursor:pointer;} div.spanbar {margin:2px; color:black;} div.spanbar a, div.spanbar a:hover, div.spanbar a:visited, div.spanbar a:focus {color:red; text-decoration:none; cursor:pointer;} /* messages list */ div.MsgHead {width:41em; margin-top:1.8em; margin-bottom:1.2em; border-bottom:4px solid #CACFCC;} div.MsgHead p {margin:0; font-size:1.3em; color:#6E726D;} div.msgItem {width:40.2em; padding:0.6em 0em 0.1em 0.6em; margin:0 0 0.6em 0; border-left:2px solid #CACFCC;} div.msgItem h3 {font-size:1.44em; float:left; width: 28em;} div.msgItem p.msgDate {float:right; margin:0;} div.msgItem p.msgTxt, div.msgItem div.msgTxt {clear:both; padding-top:0.36em;} div.msgItem p.msgState {float:left;clear:left; margin-top:0em; width:12em; font-style:italic;} div.msgItem a.msgDelete {float:right;clear:right;margin-top:0em; text-align:right;} div.msgItem .msgItalic {font-style:italic;} div.msgCenterReply {border-left:2px solid #5A066A; padding:0.6em;} div.msgSep {width:41em; padding:1.2em 0; /*background:url(../images/line-h.gif) repeat-x center;*/} div.msgNew {width:41em; border-bottom:1px solid #CACFCC;} /* reply list */ table.msgReplyList {border:0;margin-top:1em;} table.msgReplyList thead {font-weight: bold;} table.msgReplyList thead td {border-bottom:1px solid #CACFCC; padding-bottom:4px;} table.msgReplyList tbody td {} table.msgReplyList hr {color:#CACFCC; background-color:#CACFCC; border:0;height:1px;} span.reply-list-caller {color:black;font-size:1.68em;} a.reply-list-caller {display:block;text-decoration:underline;font-size:1.5em;padding:0.2em 0;} span.reply-list-expired {color:red; text-decoration:blink;} /* stat */ table.gstat {width:575px; margin-bottom:7px; border:2px solid #3E4349; border-collapse:collapse; } table.gstat td {vertical-align:top; padding:1px; border:1px solid #3E4349;} table.gstat thead td {color:#fff; background-color:#3E4349; font-weight:bold; text-transform:uppercase; border:2px solid #3E4349;} table.gstat tfoot td {border:0px; } table.gs-inner {width:100%; border:0px; border-collapse:collapse;} table.gs-inner td {text-align:left; vertical-align:top; padding:2px; border:0px;} table.gs-inner td.gs-head {font-weight:bold;} table.gs-inner td.label {padding-left:7px; white-space:nowrap;} table.gs-inner td.border hr {height:1px; background-color:#3E4349; border:0px;} table.stat {border:1px solid #3E4349; border-collapse:collapse; empty-cells:show;} table.stat td {background-color:#fff; border:1px solid #ddd; padding:2px 1px 2px 1px; text-align:right; font-size:0.76em;} table.stat td.s-odd {background-color:#eeeeee;} table.stat td.s-head {border:1px solid #3E4349; background-color:#3E4349; color:white;} table.stat td.s-head-name {text-align:center; font-weight:bold;} table.stat td.s-head a, table.stat td.s-head a:active, table.stat td.s-head a:hover, table.stat td.s-head a:visited {color:white; text-decoration:underline;} table.stat td.s-group {width:24px; /*writing-mode:tb-rl;*/ text-align:center; font-weight:bold;text-align:center; letter-spacing:0.08em;} table.stat td.s-group-sep {border-bottom:1px solid #aaa;} table.stat td.s-group a, table.stat td.s-group a:active, table.stat td.s-group a:hover, table.stat td.s-group a:visited {color:black; text-decoration:none;} table.stat td.s-var {border-right:1px solid #aaa; text-align:left;} table.stat td.s-var-sub {padding-left:20px;} table.stat td.s-sub {background-color:#f6f6f6;} table.stat td.s-sub-odd {background-color:white;} table.small td {font-size:0.85em;} table.small td.strong {font-weight:bold;} div.stat-form {min-width:650px;} div.stat-form .box {float:left;width:100%;} div.stat-form .box-half {width:50%;} div.stat-form .box > div {border:1px solid #ddd;margin-bottom:10px;padding:10px;} div.stat-form .box-half > div:first-child {margin-left:10px;} div.stat-form fieldset {border:0;margin:1em 1em 0 0;} div.stat-form fieldset legend {margin-bottom:6px;font-weight:bold;} div.stat-form fieldset .group {margin-left:15px;float:left;} div.stat-form fieldset .group .group {margin-left:15px;float:none;} div.stat-form fieldset label {display:inline-block;margin-right:8px;} div.stat-form fieldset input[type=checkbox], div.stat-form fieldset input[type=radio] {margin-right:6px;margin-bottom:6px;} div.stat-form fieldset input[type=text], div.stat-form fieldset textarea {margin:2px 0;padding:0 6px;font-size:12px;line-height: 16px;height:auto;} div.stat-form sup {font-weight:normal;color:red;} /* pop */ /*table.stat {border:1px solid #3E4349; border-collapse:collapse; empty-cells:show;} table.stat td {background-color:#fff; border:1px solid #ddd; padding:2px 1px 2px 1px; text-align:right; font-size:0.912em;} table.stat td.s-odd {background-color:#eeeeee;} table.stat td.s-head {border:1px solid #3E4349; background-color:#3E4349; color:white;} table.stat td.s-head-name {text-align:center; font-weight:bold;} table.stat td.s-head a, table.stat td.s-head a:active, table.stat td.s-head a:hover, table.stat td.s-head a:visited {color:white; text-decoration:underline;} table.stat td.s-group {width:24px; text-align:center; font-weight:bold;text-align:center; letter-spacing:0.096em;} table.stat td.s-group-sep {border-bottom:1px solid #aaa;} table.stat td.s-group a, table.stat td.s-group a:active, table.stat td.s-group a:hover, table.stat td.s-group a:visited {color:black; text-decoration:none;} table.stat td.s-var {border-right:1px solid #aaa; text-align:left;} table.stat td.s-var-sub {padding-left:20px;} table.stat td.s-sub {background-color:#f6f6f6;} table.stat td.s-sub-odd {background-color:white;} table.small td {font-size:1em;} table.small td.strong {font-weight:bold;}*/ /** * error/redirect */ body.error {margin: 20px 10px;background-color: #CDD5E2;color:black;font-size:80%;} body.error a, body.error a:hover, body.error a:active, body.error a:visited {color:black; text-decoration:underline; cursor:pointer;} /*** * date picker */ a.dp-choose-date img {width: 16px;height: 16px;padding: 0;padding:4px 2px; vertical-align:middle; border:0;} div.dp-popup {position: relative;background: #eee;font-size: 10px;font-family: arial, sans-serif;padding: 2px;width: 171px;line-height: 1.44em;} div#dp-popup {position: absolute;z-index: 199;} div.dp-popup h2 {font-size: 12px;text-align: center;margin: 2px 0;padding: 0;} a#dp-close {display: block;font-size: 11px;padding: 4px 0;text-align: center;} a#dp-close:hover {text-decoration: underline;} div.dp-popup a {color: #000;text-decoration: none;padding: 3px 2px 0;} div.dp-popup div.dp-nav-prev {position: absolute;top: 2px;left: 4px;width: 100px;} div.dp-popup div.dp-nav-prev a {float: left;} div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor:pointer;} div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor:default;} div.dp-popup div.dp-nav-next {position: absolute;top: 2px;right: 4px;width: 100px;} div.dp-popup div.dp-nav-next a {float: right;} div.dp-popup a.disabled {cursor: default;color: #aaa;} div.dp-popup td {cursor: pointer;} div.dp-popup td.disabled {cursor: default;} table.jCalendar {border: 1px solid #000;background: #eee;border-collapse: separate;border-spacing: 2px;} table.jCalendar th {background: #aaa;color: #fff;font-weight: bold;padding: 3px 5px;} table.jCalendar td {background: #eee;color: #000;padding: 3px 5px;text-align: center;} table.jCalendar td.other-month {background: #eee;} table.jCalendar td.today {background: #aaa;color: #fff;} table.jCalendar td.selected, table.jCalendar td.selected:hover {background: #666;color: #fff;} table.jCalendar td:hover, table.jCalendar td.dp-hover {background: #666;color:#fff;} table.jCalendar td.disabled, table.jCalendar td.disabled:hover {background: #fffef5;color: #888;} div.sos-wrap {font-size:1.2em;} /*** * cookie-bar */ #cookie-bar { background:#ccd1cb; color:#000; text-align:center; padding:7px 10px; z-index:999;} #cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;} #cookie-bar.fixed.bottom {bottom:0; top:auto;} #cookie-bar p {margin:0; padding:0; font-size: 12px; line-height:25px; } #cookie-bar a.cb-enable {color:#ffffff; display:inline-block; border-radius:5px; text-decoration:none; padding:0 6px; margin-left:8px; cursor:pointer;} #cookie-bar .cb-enable {background:#7C1172;} #cookie-bar .cb-enable:hover {background:#7C1172;} #cookie-bar .cb-policy {color:#7C1172;margin-left:8px; cursor:pointer; text-decoration: none;} #cookie-bar .cb-policy:hover {} /*** * popup window */ body.pop {margin:10px 5px 5px 15px;background-color:#fff;color:black;font-size:90%;} body.pop div {width:90%;} body.pop h1 {width:100%;font-size:1.8em;border-bottom: 1px solid #333;} body.pop h3 {padding:0px;margin:3px 0px;font-weight:bold;font-size:1.2em;} body.pop span.warning {font-weight:bold;} body.pop span.alert {color:red;} body.pop div.msgItem h3 {width: 24em;} body.pop form input.btn {vertical-align:middle; height:2.28em; font-size:1em; padding:2px 4px; border:1px solid #6E726D; background:#333; color:#fff; font-weight:bold; cursor:pointer;} body.pop form input.btnbig {vertical-align:middle; height:3em; font-size:1em; padding:4px 20px; border:1px solid #6E726D; background:#333; color:#fff; font-weight:bold; cursor:pointer;} div.pop-msg { margin:1.2em; border:1px solid #000; text-align:center;} div.pop_passwords { margin:1.2em; padding:1.2em; border:1px solid #000;} div.pop_passwords label { display:block; width:30em; margin-bottom:0.48em; text-align:right;} div.pop-userlist { margin:1.2em; padding:1.2em; border:1px solid #000; } div.pop-userlist ul { margin-left:1.2em; list-style:none; float:left; width:19.2em;} div.pop-userlist ul li { margin-bottom:0.36em;} div.pop-userlist ul li a { border:0;} /*** * log window */ body.pop div.log-span {float:right; padding:2px; text-align:right; width:24em;} body.pop div.log-filter-tab {float:left;padding-top:9px; margin-bottom:1px; width:4.8em;} div.log-filter-tab a, div.log-filter-tab a:visited {height:20px;padding:2px 5px;background-color:#5D6772;color:white;text-decoration:none; font-weight:bold;} div.log-filter-tab a:hover {} div.log-filter {padding:3px;border:1px solid #5D6772;background-color:#cccccc;} div.log-group {float:left;margin-right:9px;} input.log-button {margin:2px;border:0px;background-color:#5D6772; color:white;} table.log {border:1px solid #3E4349; margin-top:1.2em; background-color:#fff; border-collapse:collapse; empty-cells:show; clear:both;} table.log th {background-color:#3E4349; color:white; text-align:left;} table.log th a, table.log th a:visited {color:white;} table.log th a:hover {text-decoration:underline;} table.log td {vertical-align:top; padding:1px; border-top:1px solid #3E4349;} table.log tr.l-odd td {background-color:#eeeeee;} table.log tr.l-det td {border-top:0px; font-style:italic;} table.log td a, table.log td a:visited {color:black;text-decoration:none;} table.log td a:hover {text-decoration:underline;} table.log td.l-filter {padding:3px;background-color:#cccccc;}