/* Created by Webmaster D *//*Verbrogen layout menu admin */ .verborgen { width: 100%; } #leftcol{ float:left; width: 50%; display: inline; position:relative;} .rightcol{ float:right; width:50%; display: inline; position:relative;} /* einde verborgen menu */ body{ margin: 0 auto; padding: 0; background-color: #4D0000;} body { font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; font-size: 100%; font-style: normal; font-weight: normal; color: #FFFFFF;} .Main{ position: absolute; width: 100%; left: 0; top: 0;} .PageBackgroundGlare{ position: absolute; width: 100%; left: 0; top: 0;} .PageBackgroundGlareImage{ background-image: url('../images/Page-BgGlare2.png'); background-repeat: no-repeat; position:fixed; height: 555px; width:503px; margin: 0;} html:first-child .PageBackgroundGlare { border: 1px solid transparent; /* Opera fix */} .PageBackgroundSimpleGradient{ background-image: url('../images/Page-BgSimpleGradient.jpg'); background-repeat: repeat-x; height: 1000px;} .cleared { float: none; clear: both; margin: 0; padding: 0; border: none; font-size:1px;} .newsearch{ float:right; width:160px; height: 225px; margin: 20px 0 0 0 ; z-index: 10;} /* end Page *//* begin Box, Sheet */ .Sheet{ overflow: hidden; margin: 0 auto; position: relative; z-index: 0; width: 1000px;} .Sheet-body{ position: relative; z-index: 0; margin: 19px;} .Sheet-tl{ position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; width: 103px; height: 103px; background-image: url('../images/Sheet-s.png');} .Sheet-tr{ position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 103px; height: 103px;} .Sheet-tr div{ position: absolute; z-index: -1; top: 0px; left: -103px; width: 206px; height: 206px; background-image: url('../images/Sheet-s.png');} .Sheet-bl{ position: absolute; overflow: hidden; z-index: -1; bottom: 0; left: 0; width: 103px; height: 103px;} .Sheet-bl div{ position: absolute; z-index: -1; top: -103px; left: 0; width: 206px; height: 206px; background-image: url('../images/Sheet-s.png');} .Sheet-br{ position: absolute; overflow: hidden; z-index: -1; bottom: 0; right: 0; width: 103px; height: 103px;} .Sheet-br div{ position: absolute; z-index: -1; top: -103px; left: -103px; width: 206px; height: 206px; background-image: url('../images/Sheet-s.png');} .Sheet-tc{ position: absolute; overflow:hidden; z-index: -1; top: 0; left: 103px; right: 103px; height: 103px;} .Sheet-tc div{ position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 206px; background-image: url('../images/Sheet-h.png');} .Sheet-bc{ position: absolute; overflow:hidden; z-index: -1; bottom: 0; left: 103px; right: 103px; height: 103px;} .Sheet-bc div{ position: absolute; z-index: -1; top: -103px; left: 0; width: 100%; height: 206px; background-image: url('../images/Sheet-h.png');} .Sheet-cl{ position: absolute; overflow:hidden; z-index: -1; top: 103px; left: 0; width: 103px; bottom: 103px;} .Sheet-cl div{ position: absolute; z-index: -1; top: 0; left: 0; width: 206px; height: 100%; background-image: url('../images/Sheet-v.png');} .Sheet-cr{ position: absolute; overflow:hidden; z-index: -1; top: 103px; right: 0; width: 103px; bottom: 103px;} .Sheet-cr div{ position: absolute; z-index: -1; top: 0; left: -103px; width: 206px; height: 100%; background-image: url('../images/Sheet-v.png');} .Sheet-cc{ position: absolute; overflow:hidden; z-index: -2; top: 103px; left: 103px; right: 103px; bottom: 103px; background-image: url('../images/Sheet-c.png');} .Sheet{ margin-top: 1px !important;} /* end Box, Sheet *//* begin Header */ div.Header{ margin: 0 auto; position: relative; z-index:0; width: 962px; height: 225px;} div.Header-png{ position: absolute; z-index:-2; top: 0; left: 0; width: 962px; height: 225px; background-image: url('../images/Header.png'); background-repeat: no-repeat; background-position: left top;} div.Header-jpeg{ position: absolute; z-index:-1; top: 0; left: 0; width: 962px; height: 225px; background-image: url('../images/Header.jpg'); background-repeat: no-repeat; background-position: center center;} /* end Header *//* begin Logo */ .logohouder{ margin: 0 auto; width: 1024px; height: 0;} .logo{ position: absolute; top: 15px; margin-left:-10px; width: 290px; height:265px; background-image: url('../images/bedrijf_eureka_logo.png'); z-index: 5000;} .puzzelgroep{ position: absolute; top: 5px; margin-left: 88px; width: 387px; height:199px; background-image: url('../images/puzzelgroep2.png'); z-index: 500;} /*.fig{ position: absolute; top: -20px; margin-left: 50px; width: 387px; height:199px; background-image: url('../images/puzzelgroep2.png'); z-index: 500;}*/ /*.fig{ position:absolute; background-image: url('../images/puzzelgroep2.png'); width:387px; height: 199px; margin-top: 15px; margin-left: 595px;}*/ .slideshow { position:absolute; top: 35px; margin-left: 770px; padding:0; width: 220px; height:205px; z-index:1;} /* end Logo *//*titelopmaak per pagina, gelinkt aan modules per pagina*/ .hoofding{ position:absolute; width:770px; margin-top: 50px; height: 150px;} .titelwrapper { position:relative; width:310px; margin-left:300px; margin-top:25px;} .titel { position:relative; float:left; padding:0; width:300px; font-size:70px; text-align:center; } .titel1 { position:relative; float:left; padding:0; width:300px; margin-top:-15px; font-size:30px; text-align:center; } .titel2 { position:relative; float:right; padding:0; margin-top:-7px; margin-right:5px; font-size:18px; text-align:right; color:#937F26;} /* begin Menu *//* menu structure */ .artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover{ text-align:left; text-decoration:none; outline:none; letter-spacing:normal; word-spacing:normal;} .artmenu, .artmenu ul{ margin: 0; padding: 0; border: 0; list-style-type: none; display: block;} .artmenu li{ margin: 0; padding: 0; border: 0; display: block; float: right; position: relative; z-index: 5; background:none;} .artmenu li:hover{ z-index: 10000; white-space: normal;} .artmenu li li{ float: none;} .artmenu ul{ visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background:none;} .artmenu li:hover>ul{ visibility: visible; top: 100%;} .artmenu li li:hover>ul{ top: 0; left: 100%;} .artmenu:after, .artmenu ul:after{ content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both;} .artmenu, .artmenu ul{ min-height: 0;} .artmenu ul{ background-image: url(../images/spacer.gif); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px;} .artmenu ul ul{ padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px;} /* menu structure */ .nav{ position: relative; float:right; width: 962px; height: 32px; z-index: 100;} .artmenu{ padding: 0px 0px 0px 0px;} .nav .l, .nav .r, .nav .r div{ top: 0; position: absolute; z-index: -1; overflow: hidden; height: 32px;} .nav .l{ left: 0; right: 0px;} .nav .r{ right: 0; width: 0px;} .nav .r div{ width: 962px; right: 0;} .nav .l, .nav .r div{ background-position: right top; background-repeat: no-repeat; background-image: url('../images/nav.png');} /* end Menu *//* begin MenuItem */ .artmenu ul li{ clear: both;} .artmenu a , .artmenu a span{ height: 32px; display: block;} .artmenu a{ cursor: pointer; text-decoration: underline; margin-right: 0px; margin-left: 0px;} .artmenu a span span{ font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; font-size: 16px; font-style: normal; font-weight: normal; color: #FFFFFF; padding: 0 22px; margin: 0 0px; line-height: 32px; text-align: center; background-image: url('../images/item-center.png'); background-position: left top; background-repeat: repeat-x;} .artmenu a:hover span span{ color: #FFFFFF; background-position: left -32px;} .artmenu li:hover a span span{ color: #FFFFFF; background-position: left -32px;} .artmenu a.active span span{ color: #FFFFFF; background-position: left -64px;} /* end MenuItem *//* begin ContentLayout */ .contentLayout{ margin-bottom: 21px; width: 962px; position: relative;} /* end ContentLayout *//* begin Box, Block */ .Block{ overflow: hidden; min-width:1px; min-height:1px; margin: 0 auto; position: relative; z-index: 0;} .Block-body{ position: relative; z-index: 0; margin: 0px;} .Block{ margin: 7px;} /* end Box, Block *//* begin BlockHeader */ .BlockHeader{ position: relative; overflow: hidden; height: 30px; z-index: 0; line-height: 30px; padding: 0 11px; margin-bottom: 2px;} .BlockHeader-text{ white-space : nowrap; color: #FFFFFF; font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; font-size: 16px; font-style: normal; font-weight: bold; text-align: left; text-indent: -7px; margin-left: 2px; margin-right: 2px; margin-top: -1px; margin-bottom: 2px; line-height: 100%; line-height: 30px;} .BlockHeader .l, .BlockHeader .r, .BlockHeader .r div{ top: 0; position: absolute; z-index: -1; overflow: hidden; height: 30px;} .BlockHeader .l{ left: 0; right: 9px;} .BlockHeader .r{ right: 0; width: 9px;} .BlockHeader .r div{ width: 962px; right: 0;} .BlockHeader .l, .BlockHeader .r div{ background-position: left top; background-repeat: no-repeat; background-image: url('../images/BlockHeader.png');} .header-tag-icon{ display:inline-block; background-position:left top; background-image: url('../images/Golden_globe.gif'); padding:0 0 0 31px; background-repeat: no-repeat; min-height: 20px; margin: 0 0 0 5px;} /* end BlockHeader *//* begin Box, BlockContent */ .BlockContent{ overflow: hidden; min-width:19px; min-height:19px; margin: 0 auto; position: relative; z-index: 0;} .BlockContent-body{ position: relative; z-index: 0; margin: 11px;} .BlockContent-tl{ position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; width: 9px; height: 9px; background-image: url('../images/BlockContent-s.png');} .BlockContent-tr{ position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 9px; height: 9px;} .BlockContent-tr div{ position: absolute; z-index: -1; top: 0px; left: -9px; width: 18px; height: 18px; background-image: url('../images/BlockContent-s.png');} .BlockContent-bl{ position: absolute; overflow: hidden; z-index: -1; bottom: 0; left: 0; width: 9px; height: 9px;} .BlockContent-bl div{ position: absolute; z-index: -1; top: -9px; left: 0; width: 18px; height: 18px; background-image: url('../images/BlockContent-s.png');} .BlockContent-br{ position: absolute; overflow: hidden; z-index: -1; bottom: 0; right: 0; width: 9px; height: 9px;} .BlockContent-br div{ position: absolute; z-index: -1; top: -9px; left: -9px; width: 18px; height: 18px; background-image: url('../images/BlockContent-s.png');} .BlockContent-tc{ position: absolute; overflow:hidden; z-index: -1; top: 0; left: 9px; right: 9px; height: 9px;} .BlockContent-tc div{ position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 18px; background-image: url('../images/BlockContent-h.png');} .BlockContent-bc{ position: absolute; overflow:hidden; z-index: -1; bottom: 0; left: 9px; right: 9px; height: 9px;} .BlockContent-bc div{ position: absolute; z-index: -1; top: -9px; left: 0; width: 100%; height: 18px; background-image: url('../images/BlockContent-h.png');} .BlockContent-cl{ position: absolute; overflow:hidden; z-index: -1; top: 9px; left: 0; width: 9px; bottom: 9px;} .BlockContent-cl div{ position: absolute; z-index: -1; top: 0; left: 0; width: 18px; height: 100%; background-image: url('../images/BlockContent-v.png');} .BlockContent-cr{ position: absolute; overflow:hidden; z-index: -1; top: 9px; right: 0; width: 9px; bottom: 9px;} .BlockContent-cr div{ position: absolute; z-index: -1; top: 0;left: -9px; width: 18px;height: 100%; background-image: url('../images/BlockContent-v.png');} .BlockContent-cc{ position: absolute; overflow:hidden; z-index: -2; top: 9px; left: 9px; right: 9px; bottom: 9px; background-image: url('../images/BlockContent-c.png');} .BlockContent-body{ color:#FFFFFF; font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; font-size: 14px; text-decoration: none; text-align: left; word-spacing: -2px; margin-left: 14px; margin-right: 3px; line-height: 100%;} .BlockContent-body a:link{ color: #FFFFFF; text-decoration: underline;} .BlockContent-body a:visited, .BlockContent-body a.visited{ color: #BBB; font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; text-decoration: underline;} .BlockContent-body a:hover, .BlockContent-body a.hover{ color: #000000; font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; text-decoration: none;} .BlockContent-body ul{ list-style-type: none; color: #FF8F94; margin:0; padding:0;} .BlockContent-body li{ font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; font-size: 16px; text-decoration: none;} .BlockContent-body ul li{ padding:0px 0 0px 22px; background-image: url('../images/BlockContentBullets.png'); background-repeat:no-repeat; margin:0.5em 0 0.5em 0; line-height:1.2em;} /* end Box, BlockContent *//* begin Box, Post */ .Post{ overflow: hidden; min-width:21px; min-height:21px; margin: 0 auto; position: relative; z-index: 0;} .Post-body{ position: relative; z-index: 0; margin: 3px;} .Post-tl{ position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; width: 10px; height: 10px; background-image: url('../images/Post-s.png');} .Post-tr{ position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0;width: 10px; height: 10px;} .Post-tr div{ position: absolute; z-index: -1; top: 0px; left: -10px; width: 20px; height: 20px; background-image: url('../images/Post-s.png');} .Post-bl{ position: absolute; overflow: hidden; z-index: -1; bottom: 0; left: 0; width: 10px; height: 10px;} .Post-bl div{ position: absolute; z-index: -1; top: -10px; left: 0; width: 20px; height: 20px; background-image: url('../images/Post-s.png');} .Post-br{ position: absolute; overflow: hidden; z-index: -1; bottom: 0; right: 0; width: 10px; height: 10px;} .Post-br div{ position: absolute; z-index: -1; top: -10px; left: -10px; width: 20px; height: 20px; background-image: url('../images/Post-s.png');} .Post-tc{ position: absolute; overflow:hidden; z-index: -1; top: 0; left: 10px; right: 10px; height: 10px;} .Post-tc div{ position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 20px; background-image: url('../images/Post-h.png');} .Post-bc{ position: absolute; overflow:hidden; z-index: -1; bottom: 0; left: 10px; right: 10px; height: 10px;} .Post-bc div{ position: absolute; z-index: -1; top: -10px; left: 0; width: 100%; height: 20px; background-image: url('../images/Post-h.png');} .Post-cl{ position: absolute; overflow:hidden; z-index: -1; top: 10px; left: 0; width: 10px; bottom: 10px;} .Post-cl div{ position: absolute; z-index: -1; top: 0; left: 0; width: 20px; height: 100%; background-image: url('../images/Post-v.png');} .Post-cr{ position: absolute; overflow:hidden; z-index: -1; top: 10px; right: 0; width: 10px; bottom: 10px;} .Post-cr div{ position: absolute; z-index: -1; top: 0; left: -10px; width: 20px; height: 100%; background-image: url('../images/Post-v.png');} .Post-cc{ position: absolute; overflow:hidden; z-index: -2; top: 10px; left: 10px; right: 10px; bottom: 10px; background-image: url('../images/Post-c.png');} .Post{ margin: -12px 5px 18px 0px;} /* Start images */ a img{ border: 0;} .article img, img.article{ border-style: solid; border-width: 0px; border-color: #937F26; margin: 0;} .metadata-icons img{ border: none; vertical-align: middle; margin:2px;} /* Finish images *//* end Box, Post *//* begin PostHeaderIcon */ .PostHeaderIcon-wrapper{ text-decoration:none; margin: 0.2em 0; padding: 0; font-weight:normal; font-style:normal; letter-spacing:normal; word-spacing:normal; font-variant:normal; text-decoration:none; font-variant:normal; text-transform:none; text-align:left; text-indent:0; line-height:inherit; font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; font-size: 21px; margin-left: 10px; color: #FFFFFF;} .PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover{ font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; font-size: 21px; margin-left: 10px; color: #FFFFFF;} .PostHeaderIcon-wrapper img{ border:none; vertical-align: middle; margin:0;} /* end PostHeaderIcon *//* begin PostHeader */ .PostHeader a:link{ font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; text-decoration: underline; text-align: left; color: #FFFFFF;} .PostHeader a:visited, .PostHeader a.visited{ font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; text-decoration: underline; text-align: left; color: #000000;} .PostHeader a:hover, .PostHeader a.hovered{ font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; text-decoration: none; text-align: left; color: #000000;} /* end PostHeader *//* begin PostMetadata */ .PostMetadataHeader{ background-color: #820202; border-color: #937F26; border-style: solid; border-width: 0px; padding:3px;} /* end PostMetadata *//* begin PostIcons */ .PostHeaderIcons, .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited { font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; font-size: 13px; text-align: right; color: #FFFFFF;} .PostHeaderIcons, .PostHeaderIcons a, .PostHeaderIcons a:hover{ font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; font-size: 13px; text-align: right; color: #000000;} .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover{ margin:0;} .PostHeaderIcons a:link{ font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #FFFFFF;} .PostHeaderIcons a:visited, .PostHeaderIcons a.visited{ font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #000000;} .PostHeaderIcons a:hover, .PostHeaderIcons a.hover{ font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; text-decoration: none; color: #FF666E;} /* end PostIcons *//* begin PostContent *//* Content Text Font & Color (Default) */ .PostContent { font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; font-size: 18px; text-align: justify; margin-left: 10px; margin-right: 10px; color: #FFFFFF;} /* Start Content link style *//*The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.http://www.w3schools.com/CSS/css_pseudo_classes.asp http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/*/ a{ font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #FFF; }/*#AA8D0E;*/ /* Adds special style to an unvisited link. */ a:link{ font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #FFF;} /* Adds special style to a visited link. */ a:visited, a.visited{ font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #BBB;}/*#FEFCF6*/ /* :hover - adds special style to an element when you mouse over it. */ a:hover, a.hover{ font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; text-decoration: none; color: #000;}/*#9E861B*/ /* Finish Content link style *//* Resset some headings default style & links default style for links in headings*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited{ font-weight: normal; font-style: normal; text-decoration: none;} /* Start Content headings Fonts & Colors */ h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover{ font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; font-size: 36px; font-style: normal; font-weight: bold; text-align: left; color: #FEFCF6;} h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover{ font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; font-size: 29px; font-style: normal; font-weight: bold; text-align: left; color: #FEFCF6;} h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover{ font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; font-size: 23px; font-style: normal; font-weight: bold; text-align: left; color: #FEFCF6;} h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover{ font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; font-size: 21px; font-style: normal; font-weight: bold; text-align: left; color: #FFFFFF;} h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover{ font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; font-size: 18px; font-style: normal; font-weight: bold; text-align: left; color: #F5EDC6;} h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover{ font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; font-size: 18px; font-style: normal; font-weight: bold; text-align: left; color: #F5EDC6;} /* Finish Content headings Fonts & Colors *//* end PostContent *//* begin PostBullets *//* Start Content list */ ul{ list-style-type: none; color: #FFFFFF; margin:0; padding:0;} li{ font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; font-size: 16px;} .Post ul li{ padding:4px 0 4px 30px; background-image: url('../images/PostBullets.png'); background-repeat:no-repeat; margin:0.5em 0 0.5em 0; line-height:1.2em;} /* Finish Content list */ /* end PostBullets */ /* begin PostQuote */ /* Start blockquote */ blockquote p{ color:#FFFFFF; font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; font-style: italic; font-weight: normal; text-align: left;} blockquote{ border-color:#937F26; border-width: 1px; border-style: solid; margin:10px 10px 10px 50px; padding:5px 5px 5px 41px; background-color:#8F0007; background-image:url('../images/PostQuote.png'); background-position:left top; background-repeat:no-repeat;} /* Finish blockuote */ /* end PostQuote */ /* begin Button */ button.Button, a.Button{ position:relative; display:inline-block; width: auto; outline:none; border:none; background:none; line-height:34px; margin:0; padding:0; overflow: visible; cursor: default; text-decoration: none !important;} /*This HACK needed for ie7 (button position)*/ *:first-child+html button.Button, *:first-child+html a.Button{ display:list-item; list-style-type:none; float:left;} .Button .btn{ position: relative; overflow: hidden; display: block; width: auto; z-index: 0; height: 34px; color: #240002; white-space: nowrap; float: left;} .Button .t{ height:34px; white-space: normal; padding: 0 7px; font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; font-size: 16px; font-style: normal; font-weight: normal; text-align: left; line-height: 34px; text-decoration: none !important;} input, select{ font-family:"Tw Cen MT",Arial, Helvetica, Sans-Serif; font-size: 16px; font-style: normal; font-weight: normal;} .Button .active{ color: #F2F2F2;} .Button .hover, a.Button:hover{ color: #420003; text-decoration: none !important;} .Button .active .r{ top: -68px;} .Button .hover .r{ top: -34px;} .Button .r{ display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 9px; height: 102px;} .Button .r span{ display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width:411px; height: 102px;} .Button .active .l{ top: -68px;} .Button .hover .l{ top: -34px;} .Button .l{ display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; right: 9px; height: 102px;} .Button .l, .Button .r span{ background-image: url('../images/Button.png');} /* end Button */ /* begin Footer */ .Footer{ position:relative; z-index:0; overflow:hidden; width: 962px; margin: 5px auto 0px auto;} .Footer .Footer-inner{ height:1%; position: relative; z-index: 0; padding: 8px; text-align: center;} .Footer .Footer-background{ position:absolute; z-index:-1; background-repeat:no-repeat; background-image: url('../images/Footer.png'); width: 962px; height: 100px; bottom:0; left:0;} .rss-tag-icon { position: relative; display:block; float:left; background-image: url('../images/livemarks.png'); background-position: center right; background-repeat: no-repeat; margin: 0 5px 5px 0; height: 25px; width: 25px;} .Footer .Footer-text p{ margin: 0;} .Footer .Footer-text{ display:inline-block; color:#fff; font-family:"Tw Cen MT",Verdana, Arial, Helvetica, Sans-Serif; font-size: 14px;} .Footer .Footer-text a:link{ text-decoration: none; color: #000; font-family:"Tw Cen MT",Verdana, Arial, Helvetica, Sans-Serif; text-decoration: underline;} .Footer .Footer-text a:visited{ text-decoration: none; color: #000; font-family:"Tw Cen MT",Verdana, Arial, Helvetica, Sans-Serif; text-decoration: underline;} .Footer .Footer-text a:hover{ text-decoration: none; color: #fff; font-family:"Tw Cen MT",Verdana, Arial, Helvetica, Sans-Serif; text-decoration: none;} /* end Footer */ /* begin LayoutCell */ .contentLayout .sidebar1{ position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 192px;} /* end LayoutCell */ /* begin LayoutCell */ .contentLayout .content{ position: relative; margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 769px;} /* end LayoutCell */ .contentLayout li{ float: none;} table.moduletable th{ font-size: 140%; padding: .5em 0em;} #footer{ text-align: center;} .breadcrumbs{ display: block; padding: .7em 0em;} .contentpaneopen span.small, .contentpaneopen td.createdate, .contentpaneopen td.modifydate{ font-size: 75%; padding-bottom: 1em;} .article_column{ padding-right: .2em;} .column_separator { padding-left: .4em;} .pagination span{ padding: 2px;} .pagination a{ padding: 2px;} div.offline{ background: #fffebb; width: 100%; position: absolute; top: 0; left: 0; font-size: 1.2em; padding: 5px;} span.pathway{ display: block; margin: 0 20px; height: 16px; line-height: 16px; overflow: hidden;} /* headers */ table.moduletable th, legend{ margin: 0; font-weight: bold; font-family: Helvetica,Arial,sans-serif; font-size: 1.5em; padding-left: 0px; margin-bottom: 10px; text-align: left;} /* form validation */ .invalid{ border-color: #937F26;} label.invalid{ color: #ff0000;} /** overlib **/ .ol-foreground{ background-color: #f6f6f6;} .ol-background{ background-color: #666;} .ol-textfont{ font-family: Arial, Helvetica, sans-serif; font-size: 10px;} .ol-captionfont{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #f6f6f6; font-weight: bold;} .ol-captionfont a{ color: #0B55C4; text-decoration: none; font-size: 12px;} /* spacers */ span.article_separator{ display: none;} .article_column{ padding-right: 5px;} .column_separator{ padding-left: 10px;} td.buttonheading img{ border: none;} .clr{ clear: both;} td.greyline{ width: 20px; background: url(../../../images/mw_line_grey.png) 50% 0 repeat-y;} div#maindivider{ border-top: 1px solid #ddd; margin-bottom: 10px; overflow: hidden; height: 1px;} table.blog span.article_separator{ display: none;} /* edit button */ .contentpaneopen_edit{ float: left;} /* table of contents */ table.contenttoc{ margin: 5px; border: 1px solid #ccc; padding: 5px; float: right;} table.contenttoc td{ padding: 0 5px;} /* content tables */ td.sectiontableheader{ background: #efefef; color: #333; font-weight: bold; padding: 4px; border-right: 1px solid #fff;} tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td{ /*padding: 4px;*/} td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 { /*padding: 3px;*/ } /* content styles */ table.contentpaneopen, table.contentpane{ margin: 0; padding: 0; width: auto;} table.contentpaneopen li{ margin-bottom: 5px;} table.contentpaneopen fieldset{ border: 0; border-top: 1px solid #937F26;} table.contentpaneopen h3{ margin-top: 25px;} table.contentpaneopen h4{ font-family: Arial, Helvetica, sans-serif; color: #333;} .highlight{ background-color: #fffebb;} /* module control elements */ table.user1user2 div.moduletable{ margin-bottom: 0px;} div.moduletable, div.module{ margin-bottom: 25px;} div.module_menu h3{ font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #eee; margin: -23px -4px 5px -5px; padding-left: 10px; padding-bottom: 2px;} div.module_menu{ margin: 0; padding: 0; margin-bottom: 15px;} div.module_menu div div div{ padding: 10px; padding-top: 30px; padding-bottom: 15px; width: auto;} div.module_menu div div div div{ background: none; padding: 0;} div.module_menu ul{ margin: 10px 0; padding-left: 20px;} div.module_menu ul li a:link, div.module_menu ul li a:visited{ font-weight: bold;} #leftcolumn div.module{ padding: 0 10px;} #leftcolumn div.module table{ width: auto;} /* forms */ table.adminform textarea{ width: 540px; height: 400px; font-size: 1em; color: #000099;} div.search input{ width: 145px; border: 1px solid #937F26; margin: 15px 0 10px 0;} form#form-login{ text-align: left;} form#form-login fieldset{ border: 0 none; margin: 0; padding: 0.2em;} form#form-login ul{ list-style-type: none; margin: 0; padding: 0;} form#form-login ul li{ background-image: none; padding: 0;} #modlgn_username, #modlgn_passwd{ width: 90%;} #form-login-username, #form-login-password, #form-login-remember{ display: block; margin: 0;} form#com-form-login{ text-align: left;} form#com-form-login fieldset{ border: 0 none; margin: 0; padding: 0.2em;} form#com-form-login ul{ list-style-type: none; margin: 0; padding: 0;} form#com-form-login ul li{ background-image: none; padding: 0;} /* thumbnails */ div.mosimage{ margin: 5px;} div.mosimage_caption { font-size: .90em; color: #666;} div.caption{ padding: 0 10px 0 10px;} div.caption img{ border: 1px solid #CCC;} div.caption p{ font-size: .90em; color: #666; text-align: center;} /* Parameter Table */ table.paramlist{ margin-top: 5px;} table.paramlist td.paramlist_key{ width: 128px; text-align: left; height: 30px;} div.message{ font-weight: bold; font-size: 14px; color: #fff; text-align: center; width: auto; background-color: #900; border: solid 1px #937F26; margin: 3px 0px 10px; padding: 3px 20px;} /* Banners module */ /* Default skyscraper style */ .banneritem img{ display: block; margin-left: auto; margin-right: auto;} /* Text advert style */ .banneritem_text{ padding: 4px; font-size: 11px;} .bannerfooter_text{ padding: 4px; font-size: 11px; background-color: #f7f7f7; text-align: right;} /* System Messages */ /* see system general.css */ .pagination span{ padding: 2px;} .pagination a{ padding: 2px;} /* Polls */ .pollstableborder{ margin-top: 8px;} .pollstableborder td{ text-align: left; } /* WebLinks */ span.description{ display: block; padding-left: 30px;} /* Frontend Editing*/ fieldset{ border: 1px solid #ccc; margin-top: 15px; padding: 15px;} legend{ margin: 0; padding: 0 10px;} td.key{ border-bottom: 1px solid #eee; color: #666;} /* Tooltips */ .tool-tip{ float: left; background: #900; border: 1px solid #937F26; padding: 5px; max-width: 200px;} .tool-title{ padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../../system/../images/selector-arrow.png) no-repeat;} .tool-text{ font-size: 100%; margin: 0;} /* System Standard Messages */ #system-message{ margin-bottom: 20px;} #system-message dd.message ul{ background: #ff0000 url(../../../system/../images/notice-info.png) 4px center no-repeat; border-top: 3px solid #000000; border-bottom: 3px solid #000000; margin:0px; padding-left: 40px; text-indent:0px;} /* System Error Messages */ #system-message dd.error ul{ color: #c00; background: #e6c0c0 url(../../../system/../images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin: 0px; padding-left: 40px; text-indent: 0px;} /* System Notice Messages */ #system-message dd.notice ul{ color: #c00; background: #efe7b8 url(../../../system/../images/notice-note.png) 4px center no-repeat; border-top: 3px solid #f0dc7e; border-bottom: 3px solid #f0dc7e; margin: 0px; padding-left: 40px; text-indent: 0px; } #syndicate{ float: left; padding-left: 25px;} /* Component Specific Fixes */ #component-contact table td{ padding: 2px 0;} .breadcrumbs img{ margin: 0px; padding: 0px; border: 0px;} .mceToolbarTop { white-space: normal;}