/* Desc: The Oxendines Style Sheet Author: SSE Design Group http://ssedesigngroup.com Date: *2009-11-24* 0670de lt blue 02254c dk blue ce9528 gold 000000 black 01162b nav === === === === === === === === === === */ /*=STRUCTURE === === === === === === === === === === */ /* MEYER RESET v1.0*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /* BASIC TYPOGRAPHY */ html { font-size: 62.5%; font-family: "Liberation Sans", Helvetica, Arial, sans-serif; } strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; } cite, em, dfn { font-style: italic; } code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, monospace; } del { text-decoration: line-through; color: #666; } ins, dfn { border-bottom: 1px solid #ccc; } small, sup, sub { font-size: 85%; } abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; } a abbr, a acronym { border: none; } abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; } sup { vertical-align: super; } sub { vertical-align: sub; } /* QUOTES */ blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; } blockquote *:first-child:before { content: "\201C"; } blockquote *:first-child:after { content: "\201D"; } /* FORMS */ fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; } legend { font-weight: bold; font-size:1.2em; } label { font-weight: bold; } textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; } textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; } textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; } input, select { cursor: pointer; } input[type='text'],input[type='password'] { cursor: text; } /* BASE SIZES */ .container { font-size: 1.2em; line-height: 1.6em; } h1 { font-size: 1.9em; } h2 { font-size: 1.7em; } h3 { font-size: 1.5em; } h4 { font-size: 1.3em; } h5 { font-size: 1.2em; } h6 { font-size: 1em; } /* LISTS */ ul li { margin-left: .85em; } ul { list-style-type: disc; } ul ul { list-style-type: square; } ul ul ul { list-style-type: circle; } ol { list-style-position: outside; list-style-type: decimal; } dt { font-weight: bold; } /* TABLES */ table {} th, td {} table.calendar-event-index {border-width:0px;border-spacing: 0px;border-style: none;border-color:;border-collapse: collapse;background-color:; font-size:11px; line-height:1.1em;} table.calendar-event-index th {border-width: 0px;padding: 5px 0px;border-style: none;border-color:;background-color:;-moz-border-radius: 0px;} table.calendar-event-index td {border-width: 0px;padding: 5px 0px;border-style: none;border-color:;background-color:;-moz-border-radius: 0px;text-align:left;} /* MARGINS & PADDINGS */ blockquote *:first-child { margin: .8em 0; } hr, p, ul, ol, dl, pre, blockquote, address, table, form { margin-bottom: 1.6em; } /* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */ h1 { margin: 1em 0 .5em; } h2 { margin: 1.07em 0 .535em; } h3 { margin: 1.14em 0 .57em; } h4 { margin: 1.23em 0 .615em; } h5 { margin: 1.33em 0 .67em; } h6 { margin: 1.6em 0 .8em; } th, td { padding: .8em; } caption { padding-bottom: .8em; } /* padding instead of margin for IE */ blockquote { padding: 0 1em; margin: 1.6em 0; } fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */ legend { padding-left: .8em; padding-right: .8em; } legend+* { margin-top: 1em; } /* compensates for the opera margin bug */ textarea, input { padding: .3em .4em .15em .4em; } select { padding: .1em .2em 0 .2em; } option { padding: 0 .4em; } a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */ dt { margin-top: .8em; margin-bottom: .4em; } ul { margin-left: 1.5em; } ol { margin-left: 2.35em; } ol ol, ul ol { margin-left: 2.5em; } form div { margin-bottom: .8em; } /* 24 COLUMN GRID */ .container {width:960px;margin:0 auto;} .showgrid {background:url(../../images/grid.png);} body {margin:1.5em 0;} div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23 {float:left;margin-right:10px;} div.span-24 {float:left;} div.last {margin-right:0;} .span-1 {width:30px;} .span-2 {width:70px;} .span-3 {width:110px;} .span-4 {width:150px;} .span-5 {width:190px;} .span-6 {width:230px;} .span-7 {width:270px;} .span-8 {width:310px;} .span-9 {width:350px;} .span-10 {width:390px;} .span-11 {width:430px;} .span-12 {width:470px;} .span-13 {width:510px;} .span-14 {width:550px;} .span-15 {width:590px;} .span-16 {width:630px;} .span-17 {width:670px;} .span-18 {width:710px;} .span-19 {width:750px;} .span-20 {width:790px;} .span-21 {width:830px;} .span-22 {width:870px;} .span-23 {width:910px;} .span-24, div.span-24 {width:950px;} .suffix-1 {padding-right:40px;} .suffix-2 {padding-right:80px;} .suffix-3 {padding-right:120px;} .suffix-4 {padding-right:160px;} .suffix-5 {padding-right:200px;} .suffix-6 {padding-right:240px;} .suffix-7 {padding-right:280px;} .suffix-8 {padding-right:320px;} .suffix-9 {padding-right:360px;} .suffix-10 {padding-right:400px;} .suffix-11 {padding-right:440px;} .suffix-12 {padding-right:480px;} .suffix-13 {padding-right:520px;} .suffix-14 {padding-right:560px;} .suffix-15 {padding-right:600px;} .suffix-16 {padding-right:640px;} .suffix-17 {padding-right:680px;} .suffix-18 {padding-right:720px;} .suffix-19 {padding-right:760px;} .suffix-20 {padding-right:800px;} .suffix-21 {padding-right:840px;} .suffix-22 {padding-right:880px;} .suffix-23 {padding-right:920px;} .prefix-1 {padding-left:40px;} .prefix-2 {padding-left:80px;} .prefix-3 {padding-left:120px;} .prefix-4 {padding-left:160px;} .prefix-5 {padding-left:200px;} .prefix-6 {padding-left:240px;} .prefix-7 {padding-left:280px;} .prefix-8 {padding-left:320px;} .prefix-9 {padding-left:360px;} .prefix-10 {padding-left:400px;} .prefix-11 {padding-left:440px;} .prefix-12 {padding-left:480px;} .prefix-13 {padding-left:520px;} .prefix-14 {padding-left:560px;} .prefix-15 {padding-left:600px;} .prefix-16 {padding-left:640px;} .prefix-17 {padding-left:680px;} .prefix-18 {padding-left:720px;} .prefix-19 {padding-left:760px;} .prefix-20 {padding-left:800px;} .prefix-21 {padding-left:840px;} .prefix-22 {padding-left:880px;} .prefix-23 {padding-left:920px;} div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;} div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;} .pull-1 {margin-left:-40px;} .pull-2 {margin-left:-80px;} .pull-3 {margin-left:-120px;} .pull-4 {margin-left:-160px;} .pull-5 {margin-left:-200px;} .pull-6 {margin-left:-240px;} .pull-7 {margin-left:-280px;} .pull-8 {margin-left:-320px;} .pull-9 {margin-left:-360px;} .pull-10 {margin-left:-400px;} .pull-11 {margin-left:-440px;} .pull-12 {margin-left:-480px;} .pull-13 {margin-left:-520px;} .pull-14 {margin-left:-560px;} .pull-15 {margin-left:-600px;} .pull-16 {margin-left:-640px;} .pull-17 {margin-left:-680px;} .pull-18 {margin-left:-720px;} .pull-19 {margin-left:-760px;} .pull-20 {margin-left:-800px;} .pull-21 {margin-left:-840px;} .pull-22 {margin-left:-880px;} .pull-23 {margin-left:-920px;} .pull-24 {margin-left:-960px;} .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;} .push-1 {margin:0 -40px 1.5em 40px;} .push-2 {margin:0 -80px 1.5em 80px;} .push-3 {margin:0 -120px 1.5em 120px;} .push-4 {margin:0 -160px 1.5em 160px;} .push-5 {margin:0 -200px 1.5em 200px;} .push-6 {margin:0 -240px 1.5em 240px;} .push-7 {margin:0 -280px 1.5em 280px;} .push-8 {margin:0 -320px 1.5em 320px;} .push-9 {margin:0 -360px 1.5em 360px;} .push-10 {margin:0 -400px 1.5em 400px;} .push-11 {margin:0 -440px 1.5em 440px;} .push-12 {margin:0 -480px 1.5em 480px;} .push-13 {margin:0 -520px 1.5em 520px;} .push-14 {margin:0 -560px 1.5em 560px;} .push-15 {margin:0 -600px 1.5em 600px;} .push-16 {margin:0 -640px 1.5em 640px;} .push-17 {margin:0 -680px 1.5em 680px;} .push-18 {margin:0 -720px 1.5em 720px;} .push-19 {margin:0 -760px 1.5em 760px;} .push-20 {margin:0 -800px 1.5em 800px;} .push-21 {margin:0 -840px 1.5em 840px;} .push-22 {margin:0 -880px 1.5em 880px;} .push-23 {margin:0 -920px 1.5em 920px;} .push-24 {margin:0 -960px 1.5em 960px;} .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;} hr.space {background:#fff;color:#fff;} .clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;max-height:0;} .clearfix, .container {display:inline-block;} * html .clearfix, * html .container {height:1%;} .clearfix, .container {display:block;} .clear {clear:both;} /* TEXT CLASSES */ .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} .thin {font-weight: lighter;} .error, .notice, .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11; background:none; padding:0; margin:0; } .notice a {color:#514721; background:none; padding:0; margin:0; } .success a {color:#264409; background:none; padding:0; margin:0; } .center {text-align: center;} body {padding: 0;margin: 0; font-size:13px; color:#fff; background-color:#01162b; font-family:Georgia, "Times New Roman", Times, serif;} /*=COMMON === === === === === === === === === === */ a {text-decoration:underline; color:#0670de;} a:visited {color:#0670de;} a:hover {color:#ce9528;} h1 {font-size: 20px;} h2 {font-size: 18px;} h3 {font-size: 16px;} h4 {font-size: 14px;} .smtext {font-size: 10px;} .medtext {font-size:11px;} img {border: 0px;} .img {border:1px solid #000;} .img2left, .imgleft, .img-left {float:left; margin-right:8px;} .img2right {float:right; margin-left:8px;} /*=WRAPPER === === === === === === === === === === */ #wrapper {margin:auto; width: 1000px;} /*=MASTHEAD === === === === === === === === === === */ #header {background-image:url(/Templates/images/header.jpg);height:288px;} #header h1 {text-indent: -9999px;font-size: 1%} /*=NAVIGATION === === === === === === === === === === */ #navigation {background-image:url(/Templates/images/nav.png); height:33px;color:#0670de;} #nav-footer {text-transform:capitalize;} /* Navigation: CSSMenu - Horizontal by Alexander Endresen and mark and Nuno */ #menu_vert {/* no margin/padding so it fills the whole div */ margin: 0;padding: 0;} .clearb {/* needed for some browsers */ clear: both;} #menuwrapper {/* set the background color for the menu here */ background-color: ; /* IE6 Hack */ height: 1%; width: 800px; /* one border at the top */ margin:auto; padding: 0;} ul#primary-nav, ul#primary-nav ul {/* remove any default bullets */ list-style-type: none;margin: 0;padding: 0;} ul#primary-nav {/* pushes the menu div up to give room above for background color to show */ padding-top: 5px; /* keeps the first menu item off the left side */ padding-left: 10px;} ul#primary-nav ul { /* make the ul stay in place so when we hover it lets the drops go over the content below else it will push everything below out of the way */ position: absolute; /* top being the bottom of the li it comes out of */ top: auto; /* keeps it hidden till hover event */ display: none; /* same size but different color for each border */ border-top: 1px solid #C8D3D7;border-right: 1px solid #C8D3D7;border-bottom: 1px solid #ADC0C7;border-left: 1px solid #A5B9C0;} ul#primary-nav ul ul {/* now we move the next level ul down from the top a little for distinction */ margin-top: 1px; /* pull it in on the left, helps us not lose the hover effect when going to next level */ margin-left: -1px; /* keeps the left side of this ul on the right side of the one it came out of */ left: 100%; /* sets the top of it inline with the li it came out of */ top: 0px;} ul#primary-nav li {/* floating left will set menu items to line up left to right else they will stack top to bottom */ float: left; /* no margin/padding keeps them next to each other, the padding will be in the "a" */ margin: 0px;padding: 0px;} #primary-nav li li {/* Set the width of the menu elements at second level. Leaving first level flexible. */ width: 220px; /* removes any left margin it may have picked up from the first li */ margin-left: 0px; /* keeps them tight to the one above, no missed hovers */ margin-top: -1px; /* removes the left float set in first li so these will stack from top down */ float: none; /* relative to the ul they are in */ position: relative;} /* set the "a" link look here */ ul#primary-nav li a {/* specific font size, this could be larger or smaller than default font size */ font-size:14px/30p; /* make sure we keep the font normal */ font-weight: bold; /* set default link colors */ color: #0670de; /* pushes out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */ padding: 14px 25px 10px; display: block; /* sets no underline on links */ text-decoration: none;font-family: "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;text-transform: uppercase;letter-spacing: -0.3px; border:none;} ul#primary-nav li a:hover {/* kind of obvious */ background-color: transparent;border:none; color:#ce9528;} ul#primary-nav li li a:hover {/* this is set to #000, black, below so hover will be white text */ color: #111;border:none;} ul#primary-nav li a.menuactive {color: #fff; /* bold to set it off from non active */ font-weight: bold; /* set your image here */ border:none;} ul#primary-nav li a.menuactive:hover {color: #ce9528; /* keep it the same */ font-weight: bold;border:none;} #primary-nav li li a.menuparent span {/* makes it hold a shape */ display: block; /* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */ background:;} /* gif for IE6, as it can't handle transparent png */ * html #primary-nav li li a.menuparent span {/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */ background:;} ul#primary-nav li ul a { /* insures alignment */ text-align: left; margin: 0px; /* keeps it relative to it's container */ position: relative; /* less padding than first level no need for large links here */ padding: 6px 3px 6px 10px; /* if first level is set to bold this will reset this level */ font-weight: normal; /* first level is #FFF/white, we need black to contrast with light background */ color: #000;border-top: 0 none;border-right: 0 none;border-left: 0 none;} ul#primary-nav li ul a:hover {color:#fff;} ul#primary-nav li ul {/* very lite grey color, by now you should know what the rest mean */ background-color:#cd6b0c; margin: 0px 0px 0px; padding: 0px; position: absolute; width: auto; height: auto; display: none; position: absolute; z-index: 999; /*Info: The opacity property is CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/ opacity: 0.95; /* CSS 3 */} ul#primary-nav li ul ul {/*Info: The opacity property is CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/ opacity: 95; /* CSS 3 */} /* Styling the appearance of menu items on hover */ #primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {/* set your image here, dark grey image */ background:;color: #111} /* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add #primary-nav li:hover ul ul ul, #primary-nav li.menuparenth ul ul ul, */ #primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {display: none;} /* for fourth level add #primary-nav ul ul ul li:hover ul, #primary-nav ul ul ul li.menuparenth ul, */ #primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul {display: block;} /* IE6 Hacks */ #primary-nav li li {float: left;clear: both;} #primary-nav li li a {height: 1%;} /*=CONTENT === === === === === === === === === === */ #content {background-color:#000;color:#fff;} .sidebar {font-size:11px;} /*=CONTENT INSIDE === === === === === === === === === === */ #content-inside {} /*=FORMS === === === === === === === === === === */ .feedbackTextarea {width: 300px;} /*=BOXES === === === === === === === === === === */ #newsbox {background-image:url(/Templates/images/newsletter.png);width:216px;height:266px; margin:auto;} #newsbox a, #newsbox a:visited, #newsbox a:hover {} .newsletter {text-align:right;font-size:10px;padding:50px 5px 0px 5px;} /*=NEWS === === === === === === === === === === */ div#news {margin: 2em 0 1em 1em; /* margin for the entire div surrounding the news list */ border: 1px solid #000; background: #FFE9AF; } div#news h2 {line-height: 2em; background: #fff;} .NewsSummary {padding: 0.5em 0.5em 1em; /* padding for the news article summary */ margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */ border-bottom: 1px solid #ccc;} .NewsSummaryPostdate {font-size: 10px; text-align:right; margin-bottom:5px;} .NewsSummaryLink {font-weight: bold; padding-top: 0.2em;} .NewsSummaryCategory {font-style: italic; margin: 5px 0;} .NewsSummaryAuthor {font-style: italic; padding-bottom: 0.5em;} .NewsSummarySummary, .NewsSummaryContent {line-height: 140%;} .NewsSummaryMorelink {padding-top: 0.5em;} #NewsPostDetailDate {font-size: 10px; margin-bottom: 5px; text-align:right;} #NewsPostDetailSummary {line-height: 150%;} #NewsPostDetailCategory {font-style: italic; border-top: 1px solid #ccc; margin-top: 0.5em; padding: 0.2em 0;} #NewsPostDetailContent {margin-bottom: 15px; line-height: 150%;} #NewsPostDetailAuthor {padding-bottom: 1.5em; font-style: italic;} /* to add specific style to the below divs, uncomment them. */ /* #NewsPostDetailTitle {} #NewsPostDetailHorizRule {} #NewsPostDetailPrintLink {} #NewsPostDetailReturnLink {} */ /*=CALENDAR === === === === === === === === === === */ /* Example stylesheet for Calendar module For using this "big"-class insert something like this in your page or template; {cms_module module='Calendar' table_id='big'} */ /* make all links red */ .calendar tr td a {color: red;} /* highlight "today" for the small calendar */ .calendar-today {font-weight: bold;} /* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */ #cal-upcominglist .calendar-date-title, #cal-upcominglist .calendar-summary-title {display: none;} #cal-upcominglist h2, #cal-upcominglist .calendar-date, #cal-upcominglist .calendar-summary {display: inline;margin-right: 5px;} .calendar-upcoming-title, .calendar-list-title {background-color:#ce9528; color:#e0dee5;} /* tidy up text sizes for lists */ #cal-list h1, #cal-upcominglist h1 {color: red; font-size: 120%;} #cal-list h2, cal-upcominglist h2 {font-size: 110%;} /** large calendar rules (assuming table_id='big') **/ /* border on for #big */ #big {margin: 0px; border-collapse: collapse; border: 1px solid black;} /* nice squares for the #big table */ #big th {border: 1px solid black; padding: 3px; width: 75px;} #big td {border: 1px solid black; vertical-align: top; padding: 3px; height: 75px; width: 75px;} /* format summaries nicely in #big */ #big ul {margin: 0px; padding: 0px; padding-left: 5px;} #big li {list-style-type: none; padding: 0px; margin: 0px;} /* background colours for #big */ #big td {background-color: silver;} #big .calendar-day {background-color: #80ff80;} #big .calendar-today {font-weight: normal; background-color: #8080ff;} .calendar-event .calendar-date-title, .calendar-event .calendar-summary-title, .calendar-event, .calendar-details-title {} /*=FOOTER === === === === === === === === === === */ #footer {background-image:url(/Templates/images/footer.png); height:308px; padding:5px; font-size:11px; text-align:center;color:#fff;} #footer a, #footer a:visited, #footer a:hover {color:#fff;} .foot-text {padding:45px 25px 25px 25px;} /*=GALLERY === === === === === === === === === === */ /* Album Module CSS for default, ImageGallery, and Thickbox templates */ /* Used for categories to make things clear correctly */ .album_content { width:100%; float:left; } .clear { clear:both } /* Album List UL */ .albumlist { margin-left:0; padding-left:0; float:left; } /* Picture List UL */ .picturelist { margin-left:0; padding-left:0; } /* Album and Picture Lists */ .thumb { padding:0; width:150px; margin:0 0.5em 0.5em 0; /* Thumbnail spacing */ text-decoration:none; line-height:normal; list-style-type:none; text-align:center; float:left; } .thumb a { display:block; height:72px; /* Set link formatting*/ width:100px; /* Thumb width*/ /* Thumb height*/ padding:10px; /* Thumb padding to form thumb frame */ /* You can set the above to 0px = no frame - but no hover indication!*/ margin:0; background-color:white; /*Background of thumb */ border-top:1px solid #eee; /* Borders of thumb frame */ border-right:2px solid #ccc; border-bottom:2px solid #ccc; border-left:1px solid #eee; text-decoration:none; } .albumcomment { text-align: left; } .thumb a:visited img { background-color:#eee; /*Background of thumb on hover - sort of a light grey */ } .thumb a:hover img { background-color:#dae6e4; /*Background of thumb on hover - sort of light blue/green */ } /* Styling of text and navigation for Album */ .albumname { font-size:smaller; text-align:center; font-weight:bold; font-style:normal; } .albumname a { display: inline; border: none; margin:none; padding:none; background-color:transparent; } .albumpicturecount { font-size:smaller; text-align:center; font-weight:normal; font-style:italic; } .albumcomment { text-align:center; font-weight:normal; font-style:normal; } .albumnav { text-align:center; font-weight:normal; font-style:normal; font-size:smaller; } .instructiontext { font-weight:normal; font-style:normal; font-size:smaller; font-style:italic; } /* Big Picture */ .bigpicture { padding:0.5em 0 0; clear:left; border-top:1px solid #ccc; text-align:center; } .bigpicturecaption { /* Big picture caption */ text-align:center; margin:0 0 5px; padding:0; } .bigpicture img { /* Big picture settings */ padding:18px; /* Image padding to form photo frame. */ width:80%; /* Width of big picture - set to auto for actual width*/ margin:0; background-color:white; /* Background of picture */ border-top:1px solid #eee; /* Borders of picture frame */ border-right:2px solid #ccc; border-bottom:2px solid #ccc; border-left:1px solid #eee; text-decoration:none; } .bigpicturenav { margin:0; padding:0; color:#000; font-size:smaller; line-height:normal; } /*Thickbox CSS */ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; height:100%; width:100%; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } /* CSS for Lightbox follows */ #lightbox{ position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../templates/db/lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../templates/db/lightbox/images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../templates/db/lightbox/images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; } #imageData{ padding:0 10px; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html>body .clearfix { display: inline-block; width: 100%; } * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ } /* Last-Modified: 28/06/06 00:08:22 */ #GB_overlay { background-color: #000; position: absolute; margin: auto; top: 0; left: 0; z-index: 100; } #GB_window { left: 0; top: 0; font-size: 1px; position: absolute; overflow: visible; z-index: 150; } #GB_window .content { width: auto; margin: 0; padding: 0; } #GB_frame { border: 0; margin: 0; padding: 0; overflow: auto; white-space: nowrap; } .GB_Gallery { margin: 0 22px 0 22px; } .GB_Gallery .content { background-color: #fff; border: 3px solid #ddd; } .GB_header { top: 10px; left: 0; margin: 0; z-index: 500; position: absolute; border-bottom: 2px solid #555; border-top: 2px solid #555; } .GB_header .inner { background-color: #333; font-family: Arial, Verdana, sans-serif; padding: 2px 20px 2px 20px; } .GB_header table { margin: 0; width: 97%; border-collapse: collapse; } .GB_header .caption { text-align: left; color: #eee; white-space: nowrap; font-size: 20px; } .GB_header .close { text-align: right; } .GB_header .close img { z-index: 500; cursor: pointer; } .GB_header .middle { white-space: nowrap; text-align: center; } #GB_middle { color: #eee; } #GB_middle img { cursor: pointer; vertical-align: middle; } #GB_middle .disabled { cursor: default; } #GB_middle .left { padding-right: 10px; } #GB_middle .right { padding-left: 10px; } .GB_Window .content { background-color: #fff; border: 3px solid #ccc; border-top: none; } .GB_Window .header { border-bottom: 1px solid #aaa; border-top: 1px solid #999; border-left: 3px solid #ccc; border-right: 3px solid #ccc; margin: 0; height: 22px; font-size: 12px; padding: 3px 0; color: #333; } .GB_Window .caption { font-size: 12px; text-align: left; font-weight: bold; white-space: nowrap; padding-right: 20px; } .GB_Window .close { text-align: right; } .GB_Window .close span { font-size: 12px; cursor: pointer; } .GB_Window .close img { cursor: pointer; padding: 0 3px 0 0; } .GB_Window .on { border-bottom: 1px solid #333; } .GB_Window .click { border-bottom: 1px solid red; } /* Start of CMSMS style sheet '02.1 Gallery CMotion horizontal' */ /* CMOTION GALLERY */ /* Please check gallerystyle.css and motiongallery.js for double-/hard-codings! */ div.largeview { text-align: center; } #motioncontainer { margin-top: 5px; height: 70px; /* according to gallery height */ width: 99.99%; } #motioncontainer a img { border: 0; /* Set image border color */ margin: 0; /* chage this if you want some air inbetween images*/ height: 60px; width:auto; } /* change cursor when clicking on image */ /*#motioncontainer a:active img { cursor: progress; }*/ #statusdiv { background-color: #fff; color: #FFBF00;/*#8f8f8f;*/ font-size: 65%; font-weight: bold; border: 0px solid #afafaf; padding: .1em; width: 100px; position: absolute; /* Stop Editing Gallery Styles */ top: -10px; left: 0px; visibility: hidden; } #motioncontainer a:hover { color: red; /* Dummy definition to overcome IE bug */ } .contactform fieldset {background-color:#000;} .contactform input {border: 1px solid #02254c;} .contactform input.checkbox {border: none;} .contactform label {clear: left;display: block;float: left;width: 250px;} .contactform label.label {display: inline;float: none;width: 50px;font-size: 10px;} .contactform textarea {background-color: #fff;border: 1px solid #02254c; width:300px;} .formbuilderform .message {line-height: 16px;padding: 0 0 8px 0;} .contactform input.fbsubmit {background-color:#ce9528;border:1px solid #002254c;color:#fff;}