/* FOR IE CSS hacks The following hacks to trigger haslayout have been well tested in IE7 and lower. John Gallant and Holly Bergevin published the Holly hack in 2003: from http://www.satzansatz.de/cssd/onhavinglayout.html */ /* \*/ * html .gainlayout { height: 1%; } /* */ /* undohtml.css */ /* (CC) 2004 Tantek Celik. Some Rights Reserved. http://creativecommons.org/licenses/by/2.0 This style sheet is licensed under a Creative Commons License. */ /* Purpose: undo some of the default styling of common (X)HTML browsers */ * { margin: 0; padding: 0; } /* link underlines tend to make hypertext less readable, because underlines obscure the shapes of the lower halves of words */ :link,:visited { text-decoration:none } /* no list-markers by default, since lists are used more often for semantics */ ul,ol { list-style:none } /* avoid browser default inconsistent heading font-sizes and pre/code too */ h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } /* remove the inconsistent (among browsers) default ul,ol padding or margin / the default spacing on headings does not match nor align with normal interline spacing at all, so let's get rid of it. zero out the spacing around pre, form, body, html, p, blockquote as well */ /* form elements are oddly inconsistent, and not quite CSS emulatable. nonetheless strip their margin and padding as well */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } /* whoever thought blue linked image borders were a good idea? */ a img,:link img,:visited img { border:none } /* de-italicize address */ address { font-style:normal } /* more varnish stripping as necessary... */ /*------------------------------------------------------------------------------------ Global Styles ------------------------------------------------------------------------------------*/ * { padding:0; margin:0; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; } li, dd { margin-left:5%; } fieldset { padding: .5em; border:0px; } select option{ padding:0 5px; } .hide, .print-logo, .close-button{ display:none; } .left{ float:left; } .right{ float:right; clear:both; } .clear{ clear:both; height:1px; font-size:1px; line-height:1px; } a img{ border:none; } /*Clear defaults - inspired from Tantek Celik----------------*/ :link,:visited {text-decoration:none;} ul,ol,dl {list-style:none;} h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;} ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd {margin:0; padding:0;} a img,:link img,:visited img {border:none;} address {font-style:normal;} strong {font-weight:bold;} em {font-style:italic;} i {display:none;} /* OLCT */ BODY { font-size: 75%; margin:0px; padding:0px; text-align:center; background:url('../images/page_bg.gif') top left repeat-x #f9f8f3; } BODY, TD, DIV, INPUT { font-family: Arial, Verdana, sans-serif; line-height:1.4em; color:#000000; text-align:left; } A { color:#046ce1; font-weight:normal; text-decoration:none; padding-bottom:1px; } A:hover { border-bottom:1px dotted #046ce1; padding-bottom:1px; } IMG { border:0px; } .clear{ clear:both; line-height:0px; font-size:0px; height:0px; } /* ***** FORMS ***** */ INPUT, TEXTAREA { border:1px solid #cac9c9; padding:2px 4px; } /* ***** TEXT ****** */ H1 { font-size:200%; line-height:1em; letter-spacing:0px; font-weight:normal; margin:15px 0px 10px 0px; padding:0px; } H2 { font-size:180%; line-height:1em; letter-spacing:0px; font-weight:normal; margin:10px 0px 5px 0px; padding:4px 0px; } H3 { font-size:160%; line-height:1em; letter-spacing:0px; font-weight:normal; margin:10px 0px 5px 0px; padding:4px 0px; } H3 A { font-weight:normal; } H4 { font-size:120%; line-height:1em; letter-spacing:0px; font-weight:normal; margin:10px 0px 5px 0px; padding:4px 0px; } H4 A { font-weight:normal; } H5 { display:block; background:#fffad5; padding:10px 10px; margin:10px 0px; text-align:center; border:1px solid #ddd492; border-left:0px; border-right:0px; font: 14px/16px Arial, verdana; color:#7e6604;} DIV.content H5 A { } /* hilite area */ H6 { display:block; background:#fcf0f0; padding:10px 10px; margin:10px 0px; text-align:center; border:1px solid #f8aeb0; border-left:0px; border-right:0px; font: 14px/16px Arial, verdana; color:#c91115;} DIV.content H6 A { } /* warning area */ .maincontent H1 { color:#FFFFFF; } /* ***** LAYOUT ****** */ DIV.container { width:970px; margin:0px auto; padding:0px; text-align:center; } /* generic width div */ DIV.header { background:url('../images/logo.gif') top left no-repeat; overflow:hidden; } DIV.header IMG.logo { float:left; width:180px; height:95px; } DIV.menu_container { background:url('../images/menu_bg.gif') bottom right no-repeat; height:100px; width:777px; margin-left:193px; } DIV.menu { height:43px; width:auto; } DIV.menu UL { list-style:none; margin-top:10px; } DIV.menu UL LI { float:left; padding:5px 4px 10px 4px; background:url('../images/menu_tab_bg.gif') top right no-repeat; } DIV.menu UL LI.last { background:none; } /* plain menu tabs */ DIV.menu UL LI A { padding:5px 0px 11px 12px; } DIV.menu UL LI A SPAN { padding:5px 12px 11px 0px; } /* active menu tabs */ DIV.menu UL LI.section A,DIV.menu UL LI.current A { padding:5px 0px 11px 12px; background:url('../images/menu_tab_on_bg_left.gif') top left no-repeat #484a55; } DIV.menu UL LI.section A SPAN,DIV.menu UL LI.current A SPAN { padding:5px 12px 11px 0px; background:url('../images/menu_tab_on_bg_right.gif') top right no-repeat; } DIV.menu A { font: normal 14px/18px Arial, Verdana; color:#ffdd00; } DIV.menu A:hover { border-bottom:1px dotted #ffdd00; } DIV.tabcontainer { } DIV.tabcontainer DIV { position:absolute; clear: both; z-index:100; width:970px; display:none; background-color:#3a3c46; color:#FFFFFF; line-height:0px; font-size:0px; } DIV.tabcontainer DIV UL { height:21px; margin:5px 0px; list-style:none; text-align:center; line-height:1.6em; font-size:12px; } DIV.tabcontainer DIV UL LI { display:inline; border-right:1px solid #696868; padding:0px 14px; line-height:1.6em; font-size:12px; } DIV.tabcontainer DIV UL LI.last { border:0px; } DIV.tabcontainer DIV UL LI.current A, DIV.tabcontainer DIV UL LI.section A { color:#FFFFFF; } DIV.tabcontainer A { color:#bcbfcf; } DIV.tabcontainer A:hover { border-bottom:1px dotted #bcbfcf; } DIV.photo { width:604px; height:248px; float:left; } DIV.quote { width:316px; height:198px; padding:40px 25px 10px 25px; float:left; background: url('../images/quotes_bg.gif') top left no-repeat #000000; font-style:italic; color:#666874; } SPAN.quote { background: url('../images/quotes_open.gif') top left no-repeat; padding-left:14px; } SPAN.quote_inner { background: url('../images/quotes_close.gif') top left no-repeat; padding-right:14px; } DIV.quote DIV { margin:0px; padding:0px; font-weight:bold; color:#666874; } DIV.columns { margin-top:16px; } DIV.column_header { height:21px; padding:6px 10px; font-size:14px; font-weight:bold; } DIV.column_header IMG { vertical-align:middle; } DIV.column_content { padding:0px 10px 0px 10px; } DIV.column_footer { height:7px; font-size:0px; line-height:0px; } DIV#maincontent FORM { margin:10px 0px 0px 0px; } DIV#maincontent UL { list-style:square; margin:5px 10px; padding:0px 10px; } DIV#maincontent OL { list-style-type: decimal; margin:5px 10px; padding:0px 10px; } DIV#maincontent IMG.left { float:left; margin-right:10px; margin-bottom:10px; } DIV.footer { background:url('../images/footer_bg.gif') top left repeat; margin-top:10px; padding:0px 0px 15px 0px; } DIV.footer_inner { background:url('../images/footer_top_bg.gif') top left repeat-x; } DIV.footer_inner DIV { color:#FFFFFF; } DIV.footer_inner DIV A { color:#ffdd00; } DIV.footer_inner DIV A:hover { border-bottom:1px dotted #ffdd00; } DIV.footer DIV H4 { font-size:140%; margin:10px 0px 10px 0px; } DIV.footer_column1 { width:330px; margin:0px 10px; float:left; } DIV.footer_column2 { width:225px; margin:0px 10px; float:left; } DIV.footer_column3 { width:355px; margin:0px 10px; float:left; } DIV.copyright { clear:both; padding:15px 10px 0px 10px; } /* ******* FORM ********* */ FIELDSET { border:0px; border-bottom:1px solid #dbdbdb; padding:0px; width:100%; } FIELDSET DIV.field, P.field { padding:4px 0px; border-top:1px solid #dbdbdb; display:block; overflow:auto; } FIELDSET .message { color:#CC0000; } FIELDSET DIV.field INPUT { width:200px; } FIELDSET DIV.field TEXTAREA { width:200px; } FIELDSET UL.optionset { list-style:none; margin:0px; padding:0px; } FIELDSET UL.optionset LABEL { float:none; } FIELDSET DIV.checkboxset { overflow: hidden; width: 100%; } FIELDSET DIV.checkboxset LABEL { } FIELDSET DIV.checkboxset SPAN { display:block; float:left; clear:right; } FIELDSET DIV.checkboxset INPUT { width:25px; border:0px; vertical-align:middle; } FIELDSET INPUT.checkbox { border:0px; } FIELDSET LABEL { padding:4px; text-align:left; width:150px; float:left; margin:0px 0px 0px 4px; } FIELDSET LABEL.left { margin:0px; } FIELDSET LABEL.right { float:none; margin:0px 0px 0px 4px; padding:4px; text-align:left; width:auto; } DIV.Actions { text-align:right; margin:5px 0px; padding-left:180px; } DIV.Actions INPUT.action { margin:0px; line-height:12px; background:#525986; color:#FFFFFF; font-weight:bold; border:2px solid #525986; padding:6px 12px; overflow: visible; } /* ******* GENERIC ********* */ DIV.div_lite_blue { background-color:#d3e4eb; height:1px; padding:0px; margin:0px; line-height:1px; font-size:0px; overflow:hidden; } /* ******* HOME ********* */ /* ** home column 1 ** */ DIV.home_column1 { background: url('../images/home_column1_bg.gif') top left repeat-y; width:349px; float:left; margin-right:10px; } DIV.home_column1 DIV.column_header { background: url('../images/home_column1_header.gif') top left no-repeat; color:#6a6455; } DIV.home_column1 DIV.column_footer { background: url('../images/home_column1_footer.gif') top left no-repeat; } DIV.home_column1 A { font-size:16px; } DIV.home_column1 IMG { float:right; margin:10px 5px 5px 5px; } DIV.home_column1 DIV.column_header IMG { float:none; margin:0px; } DIV.home_column1 DIV.more { margin:15px 90px 10px 0px; text-align:right; } DIV.home_column1 H3 A, DIV.home_column1 H2 A { display:inline; font-size:102%; margin:10px 0px 5px 0px; text-align:left; color:#000000; } DIV.home_column1 H3 A:hover, DIV.home_column1 H2 A:hover { border-bottom:1px dotted #000000; } DIV.stappen { border-top:3px solid #d8d7d1; border-bottom:3px solid #d8d7d1; } DIV.stappen UL.training A { display:inline; font-size:14px; text-align:left; } DIV.stappen UL.training LI { margin:3px 0px 3px 27px; } /* ** home column 2 ** */ DIV.home_column2 { width:234px; float:left; margin-right:11px; } /* ** calender ** */ DIV.calender { background: url('../images/calender_bg.gif') top left repeat-y; } DIV.calender H2 { border-top:4px solid #d0cdab; border-bottom:4px solid #d0cdab; font-size:18px; margin:0px; } DIV.calender A { font-size:120%; } DIV.calender_header { background: url('../images/calender_header.gif') top left no-repeat; height:30px; } DIV.calender_content { background: url('../images/calender_footer.gif') bottom left no-repeat; padding: 10px 10px 15px 10px; } DIV.calender_content DIV.more { text-align:right; margin-top:5px; } DIV.google_calender { text-align:right; margin-top:5px; } DIV.google_calender A { font-size:100%; background:url('../images/icon_calender.gif') top left no-repeat; padding: 0px 2px 2px 20px; } UL.calender { list-style:none; } UL.calender LI { border-bottom:1px solid #d5d2c1; clear:both; padding:8px 0px; } DIV.month { font-size:200%; line-height:1em; text-align:center; float:left; width:34px; padding:18px 5px 5px 0px; background: top left no-repeat; } DIV.month.m01 { background-image:url('../images/months/01.gif'); } DIV.month.m02 { background-image:url('../images/months/02.gif'); } DIV.month.m03 { background-image:url('../images/months/03.gif'); } DIV.month.m04 { background-image:url('../images/months/04.gif'); } DIV.month.m05 { background-image:url('../images/months/05.gif'); } DIV.month.m06 { background-image:url('../images/months/06.gif'); } DIV.month.m07 { background-image:url('../images/months/07.gif'); } DIV.month.m08 { background-image:url('../images/months/08.gif'); } DIV.month.m09 { background-image:url('../images/months/09.gif'); } DIV.month.m10 { background-image:url('../images/months/10.gif'); } DIV.month.m11 { background-image:url('../images/months/11.gif'); } DIV.month.m12 { background-image:url('../images/months/12.gif'); } /* ** newssignup ** */ DIV.newssignup { background:url('../images/home_news_bg.gif') top left no-repeat; height:122px; padding: 15px 20px 22px 17px; } DIV.newssignup * { padding:0px; margin:0px; width:auto; height:auto; } DIV.newssignup H2, DIV.newsletter_big H2 { margin:0px 0px 12px 0px; } DIV.newssignup FORM, DIV.newssignup FIELDSET, DIV.newssignup P { margin:0px 0px 0px 0px; padding:0px; } DIV.newssignup FIELDSET DIV.field, DIV.newssignup FIELDSET { padding:0px; border:0px; } DIV.newssignup DIV.clear { height:0px; width:0px; } DIV.newssignup LEGEND { padding:0px; height:0px; } DIV.newssignup FIELDSET { position:absolute; height:1px; width:1px; padding:0px; margin:0px; } DIV.newssignup DIV#MemberType { width:200px; height:20px; clear:both; margin-top:4px; } DIV.newssignup DIV#MemberType UL { list-style:none; display:inline; } DIV.newssignup DIV#MemberType LI { list-style:none; display:inline; height:15px; } DIV.newssignup DIV#MemberType LABEL { width:30px; height:15px; display:inline; line-height:1em; } DIV.newssignup DIV#MemberType LABEL.left { width:60px; margin-top:2px; } DIV.newssignup DIV#MemberType DIV { display:inline; } DIV.newssignup DIV#MemberType INPUT { width:15px; height:10px; vertical-align:middle; border:0px; } DIV.newssignup DIV#Email { margin-top:10px; width:170px; height:65px; clear:both; } DIV.newssignup DIV#Email INPUT { float:left; margin-top:5px; line-height:1em; padding:3px 4px; width:156px; background-color:#f3eabf; color:#666666; font-style:italic; } DIV.newssignup DIV#Email LABEL { display:inline; width:1px; height:1px; line-height:1px; font-size:1px; color:#fff9cf; } DIV.newssignup DIV#Email SPAN { clear:both; } DIV.newssignup DIV.Actions { width:25px; height:30px; position:relative; left:175px; top:14px; } DIV.newssignup DIV.Actions INPUT.action { margin:0px; padding:0px; width:25px; height:23px; border:1px solid #484a56; background:url('../images/btn_newssignup_submit.gif') center center no-repeat #484a56; } DIV.newssignup.big { background:url('../images/newsletter_big_bg.gif') top center no-repeat; height:130px; padding:20px 50px 0px 45px; margin:0px 0px 0px 0px; } DIV.newssignup.big DIV#Email { width:215px; height:65px; clear:both; } DIV.newssignup.big DIV#Email INPUT { float:left; margin-top:5px; line-height:1em; padding:3px 4px; width:200px; background-color:#f3eabf; color:#666666; font-style:italic; } DIV.newssignup.big DIV.Actions { width:25px; height:30px; position:relative; left:215px; top:14px; } /* ** home column 3 ** */ DIV.home_column3 { background: url('../images/home_column3_footer.gif') bottom left no-repeat #666874; width:366px; float:left; margin-right:0px; } DIV.home_column3 DIV.column_header { background: url('../images/home_column3_header.gif') top left no-repeat; color:#ffffff; } DIV.home_column3 DIV.column_content { color:#FFFFFF; } DIV.home_column3 H2 { font-size:150%; } DIV.home_column3 A { color:#ffdd00; } DIV.home_column3 DIV.more { font-size:14px; text-align:right; margin-top:10px; } UL.news { } UL.news LI { border-bottom:1px solid #898a91; } UL.news LI.first { background:url('../images/homepage_mieke.gif') bottom right no-repeat; padding-right:0px; } UL.news LI.first H2 { font-size:200%; line-height:1em; position: relative;} UL.news LI H2 { font-size:150%; } UL.news LI.first DIV.more { margin:7px 150px 15px 0px; } UL.news LI DIV.more { text-align:right; margin-bottom:10px; } UL.news LI IMG { margin:3px 8px 5px 0px; background-color:#555661; padding:3px; border:1px solid #494b57; float:left; } UL.news LI IMG.signature { padding:0px; border:0px; float:none; margin:15px 0px 5px 0px; } UL.news LI A:hover { border-bottom:1px dotted #ffdd00; } /* ******* PAGE ******** */ /* ** page column 1 ** */ DIV.page_column1 { width:604px; margin:0px 15px 0px 0px; float:left; background:url('../images/page_column1_bg.gif') top left repeat-y; } DIV.page_column1 DIV.column_header { padding:6px 20px; background:url('../images/page_column1_header.gif') top left no-repeat; font-size:100%; color:#3c392c; font-weight:normal; line-height:1.8em; } DIV.page_column1 DIV.column_header A { color:#3c392c; } DIV.page_column1 DIV.column_header A:hover { border-bottom:1px solid #3c392c; } DIV.page_column1 DIV.column_content { padding:0px 20px 10px 20px; } DIV.page_column1 DIV.column_content H3 { font-size:130%; font-weight:bold; } DIV.page_column1 DIV.column_footer { clear:both; background:url('../images/page_column1_footer.gif') bottom left no-repeat #666874; height:7px; line-height:0px; font-size:0px; padding:0px; margin:0px; } DIV.spacer_vert { float:right; clear:right; height:200px; width:3px; background-color:#666666; } DIV.register_small { float:right; clear:right; margin:5px 5px 5px 5px; background:url('../images/register_small_bg.gif') top left no-repeat; width:166px; height:60px; padding:12px 15px 0px 25px; color:#FFFFFF; } DIV.register_small H3 { margin:0px; padding:0px; } DIV.register_small IMG { float:right; margin-left:10px; } /* ** page column 2 ** */ DIV.page_column2 { width:351px; margin:0px; float:left; } DIV.page_column2 DIV.column_header { background:url('../images/page_column2_header.gif') top left no-repeat; color:#a4a5ab; float:left; width:331px; } DIV.page_column2 DIV.column_content { padding:10px 10px; margin-top:21px; color:#FFFFFF; background:#666874; } DIV.page_column2 DIV.column_content A { color:#ffdd00; } DIV.page_column2 DIV.column_content A:hover { padding-bottom:1px; border-bottom:1px dotted #ffdd00; } DIV.page_column2 DIV.column_footer { background:url('../images/page_column2_footer.gif') bottom left no-repeat #666874; margin:0px 0px 10px 0px; } DIV.register_big { background:url('../images/register_large_bg.gif') top center no-repeat; padding:10px 58px 20px 40px; height:118px; margin:15px 0px 0px 0px; } DIV.page_column2 DIV.column_content DIV.register_big A { color:#046ce1; } DIV.register_big H2 { margin-bottom:5px; } DIV.register_big DIV { width:175px; } DIV.register_big DIV.more { width:auto; text-align:right; } DIV.register_big DIV.more A { background:url('../images/btn_blue_block_right.gif') top right no-repeat; padding-right:25px; } DIV.page_column2 UL { border-top:1px solid #898a91; margin:0px; } DIV.page_column2 LI { border-bottom:1px solid #898a91; padding:4px 0px; } DIV.page_column2 UL { border-top:0px;} DIV.page_column2 UL.nobrdr LI { border-bottom:0px; padding:2px 0px; } DIV.page_column2 TABLE { border-top:1px solid #4f515c; margin:10px 0px; padding:0px; border-collapse: collapse; width:100%; } DIV.page_column2 TD { color:#FFFFFF; padding:0px; border-bottom:1px solid #4f515c; padding:3px 0px; } DIV.page_column2 UL.menu { border-top:1px solid #898a91; margin:15px 0px 0px 0px; } DIV.page_column2 UL.related { border-top:1px solid #898a91; margin:5px 0px 0px 0px; } DIV.page_column2 UL.menu LI, DIV.page_column2 UL.related LI { padding:4px 0px 4px 20px; } DIV.page_column2 UL.menu LI.first, DIV.page_column2 UL.related LI.first { padding:4px 0px 4px 5px; font-size:14px; } DIV.page_column2 UL.menu LI.current, DIV.page_column2 UL.related LI.current { background:#484a55; } /* ***** SPECIFIC ***** */ UL.newslist { border-top:1px solid #dcdad3; } UL.newslist LI { clear:both; border-bottom:1px solid #dcdad3; padding:6px 0px; overflow:auto; } UL.newslist LI DIV { float:left; margin:0px 10px 10px 0px; } UL.newslist LI DIV A, UL.newslist LI DIV A:hover { padding:0px; border:0px; } UL.newslist LI DIV IMG { background:#eceae5; padding:3px; border:1px solid #dcdad3; } UL.newslist LI H2 { padding:5px 0px 0px 0px; margin:0px 0px 10px 0px; } UL.courses { border-top:1px solid #edece9; margin-top:8px; } UL.courses LI { border-bottom:1px solid #edece9; padding:0px 0px 10px 0px; } UL.faqlist { list-style:square; padding:0px 10px; margin:0px 10px; } UL.faqlist LI { padding:2px 0px; } UL.faqfull { } UL.faqfull LI { padding:0px 0px 15px 0px; } div#maincontent UL.calendarlist { list-style:none; padding:0px; margin:0px; background:url('../images/calender_tab_bg.gif') top left repeat-y; } UL.calendarlist LI { background:url('../images/calender_tab.gif') top left no-repeat; } UL.calendarlist LI DIV.month { margin:16px 24px 0px 40px; } UL.calendarlist LI DIV.text { margin:20px 0px 0px 110px; border-bottom:1px solid #eae8df; } UL.calendarlist LI DIV.google_calender { margin:0px 0px 15px 0px; } TABLE.categoryoverview { width:100%; } TD.categoryoverview { width:47%; float:left; padding-bottom:20px; } TD.categoryoverview { width:47%; float:left; padding-bottom:20px; } TD.categoryoverview.paddedright { padding-right:20px; } /*TD.categoryoverview { list-style:none; }*/ TD.categoryoverview H2 { margin:10px 0px 0px 0px; } TD.categoryoverview UL { list-style:square; padding:0px 0px 0px 10px; margin:0px 0px 0px 5px; } TD.categoryoverview UL LI { padding:3px 0px 3px 0px; } TD.categoryoverview DIV.more { border-top:1px solid #d6e0ee; width:100%; text-align:right; margin-top:5px; padding:3px 0px 0px 0px; } /* ****** GREYBOX ***** */ BODY.greybox { background:none; background-color:#f9f8f3; } DIV.greybox_container { padding:15px; } DIV.greybox_container DIV.month { margin:0px 15px 15px 0px; } DIV.greybox_container DIV.content { float:left; width:400px; } DIV.greybox_container H2 { margin:0px 0px 10px 0px; padding:0px; } DIV.greybox_container P.more { margin:10px 0px 0px 0px; padding:0px; } DIV.tabcontent DIV.more { margin:5px 0px; text-align:right; width:100%; } /* DIV.search { height:57px; width:220px; margin-left:557px; text-align:right; padding-top:0px; background:#CC0000; } DIV.search .field, DIV.search .action, DIV.search FIELDSET, DIV.search FORM { border:0px; margin:0px; } DIV.search .field { float:left; } DIV.search FIELDSET DIV.field INPUT { width:190px; background: #666874; border:0px; padding:3px; font-style:italic; } DIV.search FIELDSET DIV.field INPUT.action { float:left; width:26px; background: url('../images/search_bg.gif') top right no-repeat #666874; border:0px; padding:3px; font-style:italic; } */ DIV.search { height:37px; width:300px; text-align:right; margin:0px; padding:20px 0px 0px 0px; } DIV.search INPUT.search { width:210px; background: url('../images/search_bg.gif') top right no-repeat #666874; border:0px; padding:3px; font-style:italic; } /*- Menu Tabs J--------------------------- */ #tabs { float:left; width:100%; background:url("../images/tabs_bg.gif") bottom right repeat-x; font-size:115%; line-height:normal;} #tabs ul { margin:0; padding:10px 0px 0 0px; list-style:none; } #tabs li { display:inline; margin:0; padding:0; } #tabs a { float:left; background:url("../images/tabs_left.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs a span { float:left; display:block; background:url("../images/tabs_right.gif") no-repeat right top; padding:6px 15px 7px 10px; color:#046ce1; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs a span { float:none; } /* End IE5-Mac hack */ #tabs a:hover span, #tabs a.on span { color:#046ce1; background-position:100% -29px; } #tabs a:hover, #tabs a.on { background-position:0% -29px; padding-bottom:0px; border:0px; } DIV.tabcontent { border:1px solid #dcdad3; border-top:0px; width:auto; z-index:1px; clear:both; padding:10px; overflow:hidden; } /* ***** PAGINATION ***** DIV.pagination { text-align:center; clear:both; border:1px solid #000000; } DIV.pagination DIV.left { float:left; width:70px; height:25px; background:#CC0000; } DIV.pagination DIV.middle { float:left; width:400px; height:25px; background:#CCCCCC; } DIV.pagination DIV.right { float:left; width:70px; height:25px; background:#CC0000; } DIV.pagination SPAN A { padding:2px 8px; border:1px solid #dcdad3; background:#edece6; } DIV.pagination SPAN SPAN { padding:2px 8px; border:1px solid #edece9; } */ DIV.pagination { } UL.pagination { width:100%; text-align:center; height:25px; line-height:24px; margin:5px 0px 0px 0px; } UL.pagination LI{ font-size:13px; display:inline; } UL.pagination A { border:solid 1px #DDDDDD; margin-right:2px; } UL.pagination .previous-off, UL.pagination .next-off { color:#666666; display:inline; font-weight:normal; padding:3px 4px; } UL.pagination .next A, UL.pagination .previous A { font-weight:bold; border:solid 1px #FFFFFF; } UL.pagination .active{ color:#666666; font-weight:normal; display:inline; padding:4px 6px; } UL.pagination A:link, UL.pagination A:visited { color:#0063e3; display:inline; padding:3px 8px; text-decoration:none; } UL.pagination A:hover{ border:solid 1px #666666; }