/* W3C default */ /* @import url(/stylesheets/w3-html40-recommended.css); */ /* Enable PNG alpha channels on Microsoft IE/Win32 */ /* img { behavior:url("http://www.simracing.nl/stylesheets/pngbehavior.htc"); } */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* SNL site wide -------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ body { margin:0; padding:0; text-align:center; color:#333; background:#fff; } body, td, div { font-family: Arial, Helvetica, sans-serif; } table tr td{ vertical-align:top; } table.table td { padding:4px; } a.link { color:#222; } a.active { color:#000; } a.hover { color:#000; text-decoration:underline; } a.visited { color:#444; } pre a:hover { cursor:pointer; } .snllayout{ margin:0 auto; padding:0px; margin-top:30px; text-align:left; width:950px; overflow:hidden; } .snlclear { display:block; clear:both; } .snlmenu{ position:absolute; left:0; top:147; z-index:99; width:100%; height:28px; text-align:center; overflow:hidden; } .snlmenu ul{ display:block; width:950px; text-align:left; padding:0; margin:0 auto; } .snlmenu ul li { float:left; padding:0px; list-style-type:none; } .snlmenu ul li a.snlmenuoption{ display:block; width:143px; height:15px; padding:4px 0px 4px 7px; margin:0 1px; font-family:arial,helvetica,verdana; font-weight:bold; font-size:12px; text-decoration:none; color:#eee; background:#222; border-top:#fff 5px solid; } .snlmenu ul li a.snlmenuoption:hover, .snlmenu ul li a.snlmenuoption.selected{ color:#000; background:#fff url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif') !important; } .snlmenu ul li.snlsearch span{ width:187px; display:block; height:21px; padding:2px 0 0 2px; margin:0 0 0 1px; font-family:arial,helvetica,verdana; font-weight:bold; font-size:12px; text-decoration:none; color:#eee; background:#222; border-top:#fff 5px solid; } .snlmenu ul li a.snlsearch:hover{ color:#fff; background:#222; } #snlmenu-cse-search-box { width:188px !important; padding:0 !important; margin:0 !important; } #snlmenusearchinput{ float:left; width:120px !important; height:19px; color:#000; background:#eee; padding:2px 0 0; margin:0; border:0; font-size:10px; } #snlmenusearchsubmit{ width:60px !important; color:#eee; background:none; padding:2px 0 0; margin:0; border:0; font-family:arial, sans-serif; font-size:12px; font-weight:bold; } /* submenu ------------------------------------------------------------ */ .snlmenu ul.snlsubmenu{ position:absolute; left:50%; top:28px; display:block; z-index:100; width:950px; height:50px; text-align:left; padding:12px 0 15px 0; margin-left:-475px; border-bottom:#fff 20px solid; background:#fff url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif') 0 -2px; } .snlmenu ul.snlsubmenu li.snlsubmenuoption{ float:left; } .snlmenu ul.snlsubmenu li.snlsubmenuoptionbreak{ clear:left; } .snlmenu ul.snlsubmenu li.snlsubmenuoption a{ display:block; width:130px; height:26px; padding:2px 2px 2px 16px; margin:0 2px 4px 2px; font-family:arial,helvetica,verdana; font-weight:bold; font-size:11px; line-height:12px; text-decoration:none; color:#222; background:#fff url('http://www.simracing.nl/style/SNL2010/images/icon_z_pijl_rechts.gif') no-repeat; } .snlmenu ul.snlsubmenu li.snlsubmenuoption a:hover{ color:#fff; background:#222 url('http://www.simracing.nl/style/SNL2010/images/icon_w_pijl_rechts.gif') no-repeat; } /* .snlmenu ul.snlsubmenunieuws { text-align:left; } .snlmenu ul.snlsubmenucompetities { text-align:center; } .snlmenu ul.snlsubmenutv{ text-align:center; } .snlmenu ul.snlsubmenuforum{ text-align:right; } .snlmenu ul.snlsubmenutools{ text-align:right; } */ /* /submenu ----------------------------------------------------------- */ /* selected snlhome --------------------------------------------------- */ body.snlhome .snlmenu ul li.snlnieuws a.snlmenuoption { color:#000; background:#fff; } /* selected snlcompetities -------------------------------------------- */ body.snlcompetities .snlmenu ul li.snlcompetities a.snlmenuoption { color:#000; background:#fff; } /* selected snlboard -------------------------------------------------- */ body.snlboard .snlmenu ul li.snlforum a.snlmenuoption { color:#000; background:#fff; } /* selected snltools -------------------------------------------------- */ body.snlchat .snlmenu ul li.snltools a.snlmenuoption, body.snluploads .snlmenu ul li.snltools a.snlmenuoption, body.snluploadtool .snlmenu ul li.snltools a.snlmenuoption, body.snlviewer .snlmenu ul li.snltools a.snlmenuoption { color:#000; background:#fff; } /* selected snltv ----------------------------------------------------- */ body.snltv .snlmenu ul li.snltv a.snlmenuoption { color:#000; background:#fff; } /* selected snlsearch ------------------------------------------------- */ body.snlsearch .snlmenu ul li span.snlsearch, body.snlsearch .snlmenu ul li span.snlsearch:hover, body.snlsearch .snlmenu ul li span.snlsearch:visited { color:#000; background:#fff; } body.snlsearch .snlmenu ul li span.snlsearch .snlsearchsubmit{ color:#000 !important; } /* submenu forum nieuws- en competitie-topics override ---------------- */ body.snlleagues .snlmenu ul li.snlforum a.snlmenuoption { color:#fff !important; background:#222 !important; } body.snlleagues .snlmenu ul li.snlcompetities a.snlmenuoption { color:#000 !important; background:#fff !important; } body.snlnews .snlmenu ul li.snlforum a.snlmenuoption { color:#fff !important; background:#222 !important; } body.snlnews .snlmenu ul li.snlnieuws a.snlmenuoption { color:#000 !important; background:#fff !important; } .snlheader{ width:100%; height:175px; text-align:left; color:#ddd; background:#000; } .snlheader a:link{ color:#ddd; } .snlheader a:visited{ color:#ccc; } .snlheader a:hover{ color:#fff; } .snlheader .snlheaderlogo{ position:absolute; left:0; top:50; z-index:100; width:100%; text-align:center; } .snlheader .snlheaderlogo a{ display:block; width:950px; text-align:left; padding:0; margin:0 auto; } .snlheader img.snllogo{ width:400px; height:70px; background:url('http://www.simracing.nl/style/SNL2010/images/logo_simracing.nl_z_400.png') no-repeat; } .snlheader .snlheaderillustration{ position:absolute; left:0; top:0; z-index:98; width:103%; height:175px; overflow:hidden; margin:0px 0px 0px -3%; padding:0px; } .snlheader .snlheaderillustration .snlheaderreflectionmask{ position:absolute; left:0; top:0; z-index:98; width:103%; height:175px; background:url('http://www.simracing.nl/style/SNL2010/images/overlay.glass.header.png') repeat-x; } .snlheader .snlheaderillustration .snlheaderreflectionmask img.snlreflection{ width:175px; height:175px; margin:0; } .snlheader .snlheaderillustration .snlheaderillustrationmask{ width:1280px; height:175px; background:#000 url('http://www.simracing.nl/style/SNL2010/images/snldefault/background5.jpg') no-repeat; } .snlheader .snlheaderillustration .snlheaderillustrationmask .snlheaderillustrationimage{ width:1280px; height:175px; background:url('http://www.simracing.nl/style/SNL2010/images/overlay.mask.header.b.png') repeat-x; } .snlheader .snlheaderillustration .snlheaderillustrationmask .snlheaderillustrationimage img.snlheaderillustration{ width:1280px; height:175px; margin:0; } /* custom headerbackgrounds ------------------------------------------------ */ body#snlreallife .snlheaderillustrationmask { background:#000 url('http://www.simracing.nl/style/SNL2010/images/snlreallife/background2.jpg') no-repeat; } body#snltroubleshooting .snlheaderillustrationmask { background:#000 url('http://www.simracing.nl/style/SNL2010/images/snltroubleshooting/background1.jpg') no-repeat; } body#snlgpl .snlheaderillustrationmask { background:#000 url('http://www.simracing.nl/style/SNL2010/images/snlgpl/background1.jpg') no-repeat; } body#snlgpl65 .snlheaderillustrationmask { background:#000 url('http://www.simracing.nl/style/SNL2010/images/snlgpl65/background1.jpg') no-repeat; } body#snlgpl66 .snlheaderillustrationmask { background:#000 url('http://www.simracing.nl/style/SNL2010/images/snlgpl66/background1.jpg') no-repeat; } body#snlgpl69 .snlheaderillustrationmask { background:#000 url('http://www.simracing.nl/style/SNL2010/images/snlgpl69/background1.jpg') no-repeat; } body#snlnr2003 .snlheaderillustrationmask { background:#000 url('http://www.simracing.nl/style/SNL2010/images/snlnr2003/background1.jpg') no-repeat; } body#snlnr2003pta .snlheaderillustrationmask { background:#000 url('http://www.simracing.nl/style/SNL2010/images/snlnr2003pta/background1.jpg') no-repeat; } body#snlgtp .snlheaderillustrationmask { background:#000 url('http://www.simracing.nl/style/SNL2010/images/snlgtp/background1.jpg') no-repeat; } body#snlgtr .snlheaderillustrationmask { background:#000 url('http://www.simracing.nl/style/SNL2010/images/snlgtr/background2.jpg') no-repeat; } body#snlrace .snlheaderillustrationmask { background:#000 url('http://www.simracing.nl/style/SNL2010/images/snlrace/background1.jpg') no-repeat; } body#snllfs .snlheaderillustrationmask { background:#000 url('http://www.simracing.nl/style/SNL2010/images/snllfs/background1.jpg') no-repeat; } body#snlrbr .snlheaderillustrationmask { background:#000 url('http://www.simracing.nl/style/SNL2010/images/snlrbr/background1.jpg') no-repeat; } body#snlrfactor .snlheaderillustrationmask { background:#000 url('http://www.simracing.nl/style/SNL2010/images/snlrfactor/background1.jpg') no-repeat; } body#snliracing .snlheaderillustrationmask { background:#000 url('http://www.simracing.nl/style/SNL2010/images/snliracing/background1.jpg') no-repeat; } body#snlteamsimracing .snlheaderillustrationmask { background:#000 url('http://www.simracing.nl/style/SNL2010/images/snlteamsimracing/background1.jpg') no-repeat; } body#snlteamsimracingforholland .snlheaderillustrationmask { background:#000 url('http://www.simracing.nl/style/SNL2010/images/snlteamsimracingforholland/background1.jpg') no-repeat; } body#snlteamrare .snlheaderillustrationmask { background:#000 url('http://www.simracing.nl/style/SNL2010/images/snlteamrare/background1.jpg') no-repeat; } /* /custom headerbackgrounds ----------------------------------------------- */ .snlheader .snluser { position:absolute; width:100%; left:0px; top:0px; z-index:999; margin:0px; padding:0px; color:#ddd; font-size:11px; } .snlheader .snluser .snluserpanel{ width:100%; height:20px; padding:3px 0px; line-height:20px; background-color:#222; background-image:url('http://www.simracing.nl/style/SNL2010/images/overlay.glass.header.png'); background-position:100 -92; background-repeat:x-repeat; text-align:center; } .snlheader .snluser .snluserpanel a.snluserpaneloption{ text-decoration:none; padding:0px 25px; } .snlheader .snluser .snluserpanel a.snlwelcome{ float:left; background:url('http://www.simracing.nl/style/SNL2010/images/logo_simracing.nl_w_100.png') 7px 3px no-repeat; margin:0 15% 0 0; } .snlheader .snluser .snluserpanel a.snllogin, .snlheader .snluser .snluserpanel a.snlregister{ float:right; } .snlheader .snluser .snluserpanel a.snluserpaneloption:hover{ color:#fff; } .snlheader .snluser .snluserpaneltoggle{ clear:both; float:right; width:160px; height:22px; padding:0px 33px 0px 5px; margin:0 20% 0 0; background:url('http://www.simracing.nl/style/SNL2010/images/tab.bottom.190.png') no-repeat; } .snlheader .snluser .snluserpaneltoggle .snlusername{ cursor:pointer; width:160px; height:17px; overflow:hidden; margin:0; padding:3px 0px 0px 25px; font-weight:bold; background:url('http://www.simracing.nl/style/SNL2010/images/helmet.white.20x20.png') 2px 0px no-repeat; } .snlheader .snluser .snluserpaneltoggle .snlusername em{ color:#f00; text-decoration: blink; } .snlheader .snlintro { position:absolute; left:50%; top:35px; z-index:998; width:325px; font-size:13px; color:#333; margin-left:35px; } .snlheader .snlintro a{ color:#000; } .snlheader .snlintro #snlintromessages { position:relative; height:50px; color:#333; line-height:17px; } .snlheader .snlintro #snlintromessages li{ float:left; position:absolute; } .snlheader .snlintro #snlintromessages li.show{ z-index:500; } .snlheader .snlintro #snlintromessages li h3{ font-weight:bold; } .snlheader .snlintro #snlintromessages li a{ color:#000; } .snlfooter{ clear:both; bottom:0; width:100%; height:330px; font-size:10px; text-align:center; color:#ddd; } .snlfooter ul { margin:0px; padding:0px; } .snlfooter ul li { float:left; padding:0px; list-style-type:none; } background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } .snlfooter .snlmenu{ width:950px; height:32px; overflow:hidden; text-align:center; padding:0; margin:0 auto; } .snlfooter .snlmenu ul { text-align:left; } .snlfooter .snlmenu ul li{ float:left; } .snlfooter .snlmenu ul li a{ display:block; width:143px; height:19px; padding:6px 0px 7px 7px; margin:0 1px; font-family:arial,helvetica,verdana; font-weight:bold; font-size:14px; text-decoration:none; color:#eee; background:#222; border-top:#fff 5px solid; } .snlfooter .snlmenu ul li a:hover{ color:#000; background:#fff; } .snlfooter .snltoplink a.snltoplinkbutton{ display:block; width:100%; height:50px; overflow:hidden; /* margin-bottom:-40px; */ text-decoration:none; color:#000; } .snlfooter .snltoplink a:hover.snltoplinkbutton{ display:block; width:100%; height:50px; color:#111; background:#000 url('http://simracing.nl/style/images/overlay.glass.header.png') repeat-x; background-position:0 -50px; } .snlfooter .snltoplink a.snltoplinkbutton span.snltoplinkbuttonleft{ float:left; font-weight:bold; font-size:12px; margin:5px 10px; } .snlfooter .snltoplink a:hover.snltoplinkbutton{ text-decoration:none; } .snlfooter .snltoplink a:hover.snltoplinkbutton span.snltoplinkbuttonleft{ display:block; } .snlfooter .snltoplink a.snltoplinkbutton span.snltoplinkbuttonright{ float:right; font-weight:bold; font-size:12px; margin:5px 10px; } .snlfooter .snltoplink a:hover.snltoplinkbutton span.snltoplinkbuttonright{ display:block; } .snlfooter a:link{ color:#ddd; } .snlfooter a:visited{ color:#ccc; } .snlfooter a:hover{ color:#fff; } .snlfooter #snlfeeds{ width:950px; } .snlfooter #snlfeeds ul li a{ color:#eee; text-decoration:none; } .snlfooter img.snllogo{ width:100px; height:25px; background:url('http://www.simracing.nl/style/SNL2010/images/logo_simracing.nl_z_100.png') no-repeat; margin-top:10px; } .snlfooter div#snlfeeds{ margin:0 auto; padding:0 0 30px; } .snlfooter div#snlfeeds ul.snlfeeds{ } .snlfooter div#snlfeeds ul.snlfeeds li.snlfeed{ float:left; width:215px; height:240px; margin:0 2px 0 0; padding:10px; text-align:left; font-size:11px; background:#222; border-top:#fff 7px solid; border-bottom:#333 1px solid; } .snlfooter div#snlfeeds ul.snlfeeds li.snlfeed a span.snlfeedtitle{ font-size:14px; font-weight:bold; color:#f8f8f8 !important; } .snlfooter div#snlfeeds ul.snlfeeds li.snlfeed ul.snlfeeditems{ width:187px; height:231px; overflow:hidden; } .snlfooter div#snlfeeds ul.snlfeeds li.snlfeed ul.snlfeeditems li{ float:none; clear:both; margin:0px 0px 10px; } .snlfooter div#snlfeeds ul.snlfeeds li.snlfeed ul.snlfeeditems li a div.date{ color:#888; } .snlfooter div#snlfeeds ul.snlfeeds ul.snlfooternieuws li a{ display:block; min-height:20px; padding-left:20px; background:url('http://www.simracing.nl/style/SNL2010/images/icon_w_pijl_rechts.gif') no-repeat; } .snlfooter div#snlfeeds ul.snlfeeds ul.snlfooteruitslagen li a{ display:block; min-height:20px; padding-left:20px; background:url('http://www.simracing.nl/style/SNL2010/images/icon_w_groep.gif') no-repeat; } .snlfooter div#snlfeeds ul.snlfeeds ul.snlfooterkalender li a{ display:block; min-height:20px; padding-left:20px; background:url('http://www.simracing.nl/style/SNL2010/images/icon_w_kalender.gif') no-repeat; } .snlfooter div#snlfeeds ul.snlfeeds ul.snlfooterforum li a{ display:block; min-height:20px; padding-left:20px; background:url('http://www.simracing.nl/style/SNL2010/images/icon_w_reactie.gif') no-repeat; } .snlfooter div#snlfeeds ul.snlfeeds ul li.first a{ padding:0; background:none !important; } #snlstatus { position:fixed; left:0; bottom:0; width:100%; height:20px; padding-top:1px; overflow:hidden; color:#999; border-top:#fff 4px solid; font-size:9px; text-transform:uppercase; background:#222 url('/style/SNL2010/images/background.nl.png') right bottom no-repeat; } #snlstatus .snlstatus{ display:block; height:15px; float:left; margin-right:1px; padding:3px 25px 0; } #snlstatus .snlstatus em{ font-style:normal; } #snlstatus a, #snlstatus a:visited { height:20px; color:#ddd; text-decoration:none; } #snlstatus a:hover { color:#fff; } #snlstatus a .title { color:#fff; font-weight:bold; } #snlstatus .snlcountdown { padding-top:1px; margin-top:-3px !important; } #snlstatus .snlcountdown #snlcountdown{ } #snlstatus .snlcountdown a { color:#0f0; font-size:14px; font-weight:bold; } #snlstatus .snlcountdown a .title { color:#fff; font-size:9px; } #snlstatus .snlcountdown a em{ color:#777; font-size:9px; font-weight:normal; padding:0 3px 0 1px; } /* ///////////////////////////////////// */ .snlcountdown a span.threedaysleft { color:#df0 !important; } .snlcountdown a span.twodaysleft { color:#ff0 !important; } .snlcountdown a span.onedayleft { color:#f90 !important; } .snlcountdown a .snllive{ font-size:14px; font-weight:bold; text-transform:uppercase; padding:3px !important; color:#fff !important; background:#f00 !important; } /* ///////////////////////////////////// */ #snlstatus .topleft, #snlstatus .topright{ padding:0; } #snlstatus .topright{ float:right; padding-right:20px; } #snlstatus .topleft a, #snlstatus .topright a{ display:block; width:43px; padding:2px 0 0 7px; text-align:left; color:#222; background:#222; } #snlstatus .topright a{ width:113px; padding:2px 0 0 7px; text-align:right; background:transparent url('http://www.simracing.nl/style/SNL2010/images/logo_simracing.nl_w_100.png') top left no-repeat; } #snlstatus .topleft a:hover, #snlstatus .topright a:hover{ color:#fff; background:transparent; } #snlstatus .topright a:hover{ padding:2px 7px 0 0; } body #snlwidgets { display:block; width:240px; font-size:11px; float:left; } body #snlwidgets .snlwidget{ display:block; width:240px; padding:0; margin:0 0 50px 0; color:#ccc; background:#222 url('http://www.simracing.nl/style/SNL2010/images/overlay.glass.widget.png') top right no-repeat; } body #snlwidgets .snlwidget h1{ color:#f8f8f8; padding:0 5px 0 5px; } body #snlwidgets .snlwidget h3{ font-weight:bold; padding:0 5px 0 5px; } body #snlwidgets .snlwidget a{ display:block; margin:2px; padding:2px 2px 5px 20px; color:#ccc; text-decoration:none; background:#222 url('http://www.simracing.nl/style/SNL2010/images/icon_w_pijl_rechts.gif') no-repeat; } body #snlwidgets .snlwidget a:hover{ color:#fff; background:#111 url('http://www.simracing.nl/style/SNL2010/images/overlay.glass.widget.png') 0px -10px repeat-x } body #snlwidgets .snlwidget a .date{ color:#888; } body #snlwidgets .snlwidget a.last{ border-top:#ccc dotted 1px; color:#888; background:#222 url('http://www.simracing.nl/style/SNL2010/images/icon_w_pijl_rechts.gif') no-repeat; } body #snlwidgets .snlwidget a.last:hover{ color:#fff; background:#222 url('http://www.simracing.nl/style/SNL2010/images/icon_w_pijl_rechts.gif') no-repeat; } /* calendar ////////////////////////////////////////////////// */ body #snlwidgets .calendar a{ background:#222 url('http://www.simracing.nl/style/SNL2010/images/icon_w_kalender.gif') no-repeat; } body #snlwidgets .calendar a.last:hover{ color:#fff; background:#222 url('http://www.simracing.nl/style/SNL2010/images/icon_w_kalender.gif') no-repeat; } body #snlwidgets .calendar .snlcountdown { margin:5px 5px 10px 5px; color:#0e0; font-size:24px; font-weight:bold; } body #snlwidgets .calendar .snlcountdown em{ color:#777; font-size:10px; font-weight:normal; text-transform:uppercase; margin-right:5px; } /* tv ////////////////////////////////////////////////// */ body #snlwidgets .tv{ width:240px !important; margin:0 0 50px 0 !important; padding:2px 0 0 0 !important; } body #snlwidgets .tv h1{ margin:0 5px; } body #snlwidgets .tv div{ margin:0; } body #snlwidgets .tv a.last:hover{ color:#fff; background:#222 url('http://www.simracing.nl/style/SNL2010/images/icon_w_televisie.gif') no-repeat; } /* results ////////////////////////////////////////////////// */ body #snlwidgets .results{} body #snlwidgets .results a{ background:#222 url('http://www.simracing.nl/style/SNL2010/images/icon_w_groep.gif') no-repeat; } body #snlwidgets .results a.last:hover{ color:#fff; background:#222 url('http://www.simracing.nl/style/SNL2010/images/icon_w_kalender.gif') no-repeat; } /* board ////////////////////////////////////////////////// */ body #snlwidgets .board{ color:#222; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } body #snlwidgets .board h1 { color:#333; } body #snlwidgets .board .snlfeeditems { height:300px; background:#fff; overflow:auto; margin:5px 7px 0 7px; border-top:#222 1px dotted; border-bottom:#222 1px dotted; } body #snlwidgets .board a{ margin:0; color:#444; border-bottom:#222 1px dotted; background:#fff url('http://www.simracing.nl/style/SNL2010/images/icon_z_reactie.gif') no-repeat; border-bottom:#f8f8f8 1px solid; } body #snlwidgets .board a:hover{ color:#000; background:#eee url('http://www.simracing.nl/style/SNL2010/images/overlay.glass.widget.png') 0px -10px repeat-x } body #snlwidgets .board a.last { margin:0; color:#666; background:transparent url('http://www.simracing.nl/style/SNL2010/images/icon_z_reactie.gif') no-repeat; } body #snlwidgets .board a.last:hover{ color:#000; background:transparent url('http://www.simracing.nl/style/SNL2010/images/icon_z_reactie.gif') no-repeat; } /* teamspeak ////////////////////////////////////////////// */ body #snlwidgets .teamspeak{ color:#222; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } body #snlwidgets .teamspeak h1 { color:#333; } body #snlwidgets .teamspeak .snlfeeditems { height:300px; background:#fff; overflow:auto; margin:5px 7px 0 7px; border-top:#222 1px dotted; border-bottom:#222 1px dotted; } body #snlwidgets .teamspeak a{ margin:0; color:#444; border-bottom:#222 1px dotted; background:#fff url('http://www.simracing.nl/style/SNL2010/images/icon_z_reactie.gif') no-repeat; border-bottom:#f8f8f8 1px solid; } body #snlwidgets .teamspeak a:hover{ color:#000; background:#eee url('http://www.simracing.nl/style/SNL2010/images/overlay.glass.widget.png') 0px -10px repeat-x } body #snlwidgets .teamspeak a.last { margin:0; color:#666; background:transparent url('http://www.simracing.nl/style/SNL2010/images/icon_z_reactie.gif') no-repeat; } body #snlwidgets .teamspeak a.last:hover{ color:#000; background:transparent url('http://www.simracing.nl/style/SNL2010/images/icon_z_reactie.gif') no-repeat; } /* banners ////////////////////////////////////////////////// */ body #snlwidgets .banner { width:120px; padding:25px 70px 15px 50px; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* SNL home page ------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ body.snlhome {} body.snlhome .snllayout { width:950px; overflow:hidden; } body.snlhome #news { display:block; width:468px; overflow:hidden; float:left; border-right:#888 1px dotted; padding-right:25px; padding-bottom:0; margin-right:25px; margin-bottom:50px; } body.snlhome #news .articles .post{ border-top:#222 5px solid; margin-bottom:70px; } body.snlhome #news .articles .post .postbody{ padding:0; margin-top:0; } body.snlhome #news .post a { text-decoration:none; } body.snlhome #news .post a h1 { padding-bottom:10px; } body.snlhome #news .post a:hover h1 { background:#fff url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } body.snlhome #news .post .postbody { margin-top:10px; margin-bottom:10px; clear:both; } body.snlhome #news .post a h3 { padding:3px 3px 3px 0; border-top:#888 1px dotted; } body.snlhome #news .post a h3 .leesverder{ font-weight:bold; text-transform:uppercase; padding:0px 18px 0px 0px; background:url('http://www.simracing.nl/board/images/smiles/icon_arrowright.gif') top right no-repeat; } body.snlhome #news .post a:hover h3 { color:#fff; background:#222; padding:3px 3px 3px 0; border-top:#888 1px dotted; } body.snlhome #news .post a h3 .leesverder{ background:url('http://www.simracing.nl/board/images/smiles/icon_arrowright.gif') top right no-repeat; } body.snlhome #snlwidgets { border-right:#888 1px dotted; padding-right:25px; margin-right:25px; } body.snlhome .banner { margin-bottom:50px; } body.snlhome .banner th{ color:#eee; background:#222; padding:0 5px; font-size:9px; font-style:normal; text-transform:uppercase; } /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* SNL TV page ------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ body.snltv {} body.snltv .snllayout { width:950px; overflow:hidden; } body.snltv #tv { display:block; width:659px; float:left; border-right:#888 1px dotted; padding-right:24px; margin-right:24px; } body.snltv #tv .livestream { border-top:#222 5px solid; border-bottom:#888 1px dotted; padding-bottom:10px; } body.snltv #tv .livestream H1{ background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } body.snltv .banner { margin-top:25px; margin-bottom:50px; } body.snltv .banner th{ color:#eee; background:#222; padding:0 5px; font-size:9px; font-style:normal; text-transform:uppercase; } /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* SNL board page ------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ body.snlboard {} body.snlboard .snllayout { width:950px; overflow:hidden; } /* phpbb */ /* This is the border line & background colour round the entire page */ .bodyline { border: 0px #000000 solid;} /* This is the outline round the main forum tables */ .forumline { border: 0px #ffffff solid; } /* Main table cell colours and backgrounds */ td.row1 { padding:0 0 20px; } td.row2 { padding:0 0 20px; } td.row3 { padding:0 0 20px; } /* This is for the table cell above the Topics, Post & Last posts on the index.php page By default this is the fading out gradiated silver background. However, you could replace this with a bitmap specific for each forum */ td.rowpic { } /* Header cells - the blue and silver gradient backgrounds */ th { color: #000000; font-size: 11px; font-weight : bold; height: 16px; border-width:1 0 0; } td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { padding:0px; } /* Setting additional nice inner borders for the main table cells. The names indicate which sides the border will be on. Don't worry if you don't understand this, just ignore it :-) */ td.cat,td.catHead,td.catBottom { height: 29px; border-width: 0px 0px 0px 0px; } th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR { text-align:left; font-weight: bold; border: #F8F8F8; border-style: solid; height: 16px; } td.row3Right,td.spaceRow { } th.thHead,td.catHead { font-size: 12px; border-width: 0px; } th.thSides,td.catSides,td.spaceRow { border-width: 0px; } th.thRight,td.catRight,td.row3Right { border-width: 0px; } th.thLeft,td.catLeft { border-width: 0px; } th.thBottom,td.catBottom { border-width: 0px; } th.thTop { border-width: 0px; } th.thCornerL { border-width: 0px; } th.thCornerR { border-width: 0px; } /* The largest text used in the index page title and toptic title etc. */ .maintitle,h1 {font-weight: bold; font-size: 32px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height : 120%; color : #000000;} a.maintitle {color:#000000;} a:visited.maintitle {color:#000000;} a:hover.maintitle {color:#000000;} /* The second largest text used in post subheadings */ .postbody h2 {font-weight: bold; font-size: 26px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height : 120%; color : #000000;} .postbody h2 { width:100%; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif') repeat scroll 0 0 transparent; } /* General text */ .gen { font-size : 12px; } .genmed { font-size : 11px; } .gensmall { font-size : 10px; } .gen,.genmed,.gensmall { color : #000000; } .gensmall .gensmall { color : #666666; } a.gen,a.genmed,a.gensmall { color: #ff5500; text-decoration: none; } a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #000000; text-decoration: underline; } /* The register, login, search etc links at the top of the page */ .mainmenu { font-size:11px; color:#000000 } a.mainmenu { font-size:11px; text-decoration:none; color:#000000; } a.mainmenu:link { font-size:11px; text-decoration:none; color:#000000; } a.mainmenu:visited { font-size:11px; text-decoration: none; color:#000000; } a.mainmenu:hover{ font-size:11px; text-decoration:underline; color:#000000; } /* Forum category titles */ .cattitle { display:block; margin-top:25px; font-weight: bold; font-size: 32px ; color : #222;} a.cattitle { text-decoration: none; color : #222; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif');} a.cattitle:hover{ text-decoration: underline; color:#000;} /* Forum title: Text and link to the forums used in: index.php */ .forumlink { font-weight: bold; font-size: 16px; color : #333333; } a.forumlink { text-decoration: none; color : #ff5500; } a.forumlink:hover{ text-decoration: underline; color : #000000; } .forum_icon {margin-right:12px;} /* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */ span.nav {display:block; font-weight:bold; font-style:normal; font-size:9px; padding-top:4px; color:#000000;} span.nav a img {margin-right:2px; border-top:#fff 5px solid;} span.nav a:hover img {margin-right:2px;} a.nav {text-decoration:none; padding:1px 3px 3px; margin:3px 2px 0 0; border-top:#222 3px solid; color:#000000;} a.nav:visited {text-decoration:none; color:#000000; } a.nav:hover {text-decoration:none; color:#fff; background-color:#222;} a.navselected {text-decoration:none; color:#fff !important; background-color:#222; padding-right:0;} .navdialog {display:none; font-weight:bold; font-style:normal; font-size:9px; padding:1px 0 3px 3px; margin:3px 2px 0 0; border-top:#222 3px solid; color:#fff; background-color:#222;} .navdialog a.navconfirm { text-decoration:none; padding:1px 30px 3px; margin:0 0 0 3px; color:#fff; background:#0c0; } .navdialog a.navconfirm:hover { text-decoration:none; color:#fff; background:#0f0; cursor:pointer; cursor:hand; } .navdialog a.navcancel { text-decoration:none; padding:1px 28px 3px; margin:0; color:#fff; background:#d00; } .navdialog a.navcancel:hover { text-decoration:none; color:#fff; background:#f00; cursor:pointer; cursor:hand; } /* titles for the topics: could specify viewed link colour too */ .topictitle { font-weight: bold; font-size: 14px; color : #000000; } a.topictitle:link { text-decoration: none; color : #222222; } a.topictitle:visited { text-decoration: none; color : #444444; } a.topictitle:hover { text-decoration: underline; color : #000000; } /* Name of poster in viewmsg.php and viewtopic.php and other places */ .name { color : #000000; font-weight:bold;} .name a {text-decoration:none;} /* Author column in viewmsg.php and viewtopic.php and other places */ .postauthor { display:block; width:150px; height:150px; overflow:hidden; } .postauthor .name { display:block; width:150px; margin-top:1px; border-top:#000 solid 7px !important; font-size:16px; } .postauthor .rank { font-size:9px; color:#a1a1a1; } .postauthor .postauthoravatar { display:block; width:150px; height:150px; max-height:150px; overflow:hidden; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } .postauthor .postauthoravatar img.avatar { width:100px; } .postauthor .postauthorinfo { display:block; /* display:none; hiding by javascript now */ position:relative; top:-150px; height:144px; max-height:144px; padding:3px; font-size:10px; line-height:15px; overflow:hidden; color:#eee; background:#222; } /* Post- and profilebuttons in viewtopic_body.php */ .postbuttons { height:22px; } .postbuttons .postidbuttons { /* display:none; hiding by javascript now */ position:absolute; z-index:100; height:20px; margin-top:2px; } .postbuttons .postidbuttons { margin-left:12px; width:786px; } .postbuttons .postidbuttons a { margin:2px 2px 0 0; } .postbuttons .postidbuttons .back_to_top { float:right; } /* Location, number of posts, post date etc */ .postdetails { font-size:10px; color:#bbb; } .postdetails:hover{ color:#000; } /* The content of the posts (body of text) */ .postlink {} .postlink a:link {text-decoration:none; color:#a1a1a1;} .postlink a:visited {text-decoration:none; color:#a1a1a1;} .postlink a:hover {text-decoration:none; color:#000;} .postbody {display:block; font-size:12px; padding-left:12px;} /* Lists */ .postbody ul, .postbody ol { margin:0px !important; padding:0px 0px 0px 30px !important; } /* Code & Code blocks */ .code { font-family: 'Courier New', 'Courier', 'sans-serif'; font-size: 11px; color: #000000; background-color: #F5F5F5; border: #000000 1px solid; border-style: solid; padding:10px !important; } .code a:hover { cursor:pointer; } .quote { display:block; font-family: Arial, Helvetica, sans-serif; font-style:italic; font-size: 12px; color:#444; background: #fff url('http://www.simracing.nl/style/SNL2010/images/background.quote.png') left bottom no-repeat; border-top:#F5F5F5 solid 1px; padding:20px 20px 35px !important; } .quote a{ color:#a1a1a1 !important; } .quote .quote, .quote .genmed, .quote .quote *{ display:none; } .signature { display:block; height:60px; margin-top:10px; padding-left:12px; font-size:10px; overflow:hidden; } .signaturetoggle { /* display:none; hiding by javascript now */ } /* Copyright and bottom info */ .copyright { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #444444;} a.copyright { color: #444444; text-decoration: none;} a.copyright:hover { color: #000000; text-decoration: underline;} /* Form elements */ input,textarea, select { color : #000000; font: normal 10px Verdana, Arial, Helvetica, sans-serif; border-color : #000000; } /* The text input fields background colour */ input.post, textarea.post, select { background-color : #ffffff; } input { text-indent : 2px; } /* The buttons used for bbCode styling in message post */ input.button { background-color : #ffffff; color : #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } /* The main submit button option */ input.mainoption { background-color : #ffffff; font-weight : bold; } /* None-bold submit button */ input.liteoption { background-color : #ffffff; font-weight : normal; } /* This is the line in the posting page which shows the rollover help line. This is actually a text box, but if set to be the same colour as the background no one will know ;) */ .helpline { background-color: #DEE3E7; border-style: none; } /* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */ /* @import url("formIE.css"); */ a {} a:link {color:#222222;} a:visited {color:#444444;} a:active {color:#000000;} a:hover {color:#000000;} .Form {color:#000000; font-size:9pt; font-weight:bold;} hr {height:0px; border:0px;} .smilies a img{ margin:5px; } /* pagespecific overrides ----------------------------------------------- */ .index_body {} .index_body td {padding:5px 0 10px;} .index_body .gensmall {color:#bbb;} .index_body .gensmall a {color:#bbb;} .index_body .gensmall a:hover {color:#222;} .index_body .row1 .gensmall {color:#888;} .topics_row_box {} .topics_row_box .gensmall {color:#bbb;} .topics_row_box .gensmall a {color:#bbb;} .topics_row_box .gensmall a:hover {color:#222;} .globalannouncement { padding:0 10px; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } .globalannouncement .topics_row_box .row1 .postdetails, .globalannouncement .topics_row_box .row1 .gensmall{ display:none; } .globalannouncement .topics_row_box .row2 .postdetails, .globalannouncement .topics_row_box .row3Right .postdetails{ display:block; padding:2px; background:#fff; } .banners{ padding:0 10px; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } .banners th{ display:none; } .banners td{ padding:0 2px 2px; } .confirm_body, .error_body, .message_body { width:950px; margin-bottom:150px; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } .confirm_body th, .error_body th, .message_body th { text-align:center; font-size:16px; border-top:#222 7px solid; } .confirm_body .gen, .error_body .gen, .message_body .gen { background:#fff; } .error_body .gen { color:#e00; } .confirm_body .mainoption, .confirm_body .liteoption{ width:150px; height:30px; border:0; margin:0 2px 0 0; font-size:14px; font-weight:bold; } .confirm_body .mainoption{ color:#f8f8f8; background:#222; } .confirm_body .liteoption{ color:#222; background:#f8f8f8; } .sortbox { background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); margin-bottom:10px; } .sortbox td { padding:5px; } .sortbox td *{ background:#fff; } .jumpbox { background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); margin-bottom:10px; } .jumpbox th, .jumpbox td { padding:5px; } .pagination_box { margin:5px 0 20px; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } .pagination_box th, .pagination_box td { padding:5px; } .pagination_box td *{ background:#fff; } .pagination_box .gensmall b{ padding:2px 5px; margin-right:2px; } .pagination_box a.gensmall:hover b{ color:#fff; background:#222; text-decoration:none; } .index_stats_box { background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } .index_stats_box th, .index_stats_box td { padding:5px; } #quickReply { padding:5px; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } body.snlnews{} body.snlnews .maintitle {font-size:40px;} body.snlnews .viewtopic_body_top .viewtopic_body_post_buttons {display:none;} body.snlnews .snlfirstpost {margin:25px 0; padding:4px 0 0 0; border-top:#222 1px dotted;} body.snlnews .snlfirstpost .postauthor {display:none;} body.snlnews .snlfirstpost .cattitle {margin-top:100px; border-top:#222 7px solid;} body.snlleagues{} body.snlleagues .maintitle {font-size:40px;} body.snlleagues .viewtopic_body_top .viewtopic_body_post_buttons {display:none;} body.snlleagues .snlfirstpost {margin:25px 0; padding:4px 0 0 0; border-top:#222 1px dotted;} body.snlleagues .snlfirstpost .postauthor {display:none;} body.snlleagues .snlfirstpost .cattitle {margin-top:100px; border-top:#222 7px solid;} .viewtopic_body_post { width:950px !important; margin-bottom:35px !important; } .viewtopic_body_post td{ padding-bottom:0; } .viewtopic_body_post td{ padding-bottom:0; } .viewtopic_body_post .postdetails{ color:#a1a1a1; margin:0px 0px 24px 12px; } .viewtopic_body_post .postbody a { color:#c00; text-decoration:none; } .viewtopic_body_post .postbody a:hover { color:#c00; text-decoration:underline; } .viewtopic_body_post img{ max-width:782px !important; } .viewtopic_body_post .postbody div.info{ display:block; width:300px; padding:10px; padding-top:10px; color:#fff !important; background:#222 url('http://www.simracing.nl/style/SNL2010/images/overlay.glass.widget.png') repeat-x; } .viewtopic_body_post .postbody div.info.width400{ width:400px; } .viewtopic_body_post .postbody div.info.width500{ width:500px; } .viewtopic_body_post .postbody div.info.width600{ width:600px; } .viewtopic_body_post .postbody div.info.width700{ width:700px; } .viewtopic_body_post .postbody div.info.width800{ width:800px; } .viewtopic_body_post .postbody div.info *{ color:#fff; } .viewtopic_body_post .postbody div.info h2, .viewtopic_body_post .postbody div.info h3, .viewtopic_body_post .postbody div.info h4, .viewtopic_body_post .postbody div.info h5, .viewtopic_body_post .postbody div.info h6{ display:inline; border-top:3px solid; padding-top:2px; font-family:arial,helvetica,sans-serif !important; color:#fff; } .viewtopic_body_post .postbody div.info h2{ font-size:20px; } .viewtopic_body_post .postbody div.info h3{ font-size:14px; } .viewtopic_body_post .postbody div.info h4{ font-size:12px; } .viewtopic_body_post .postbody div.info h5{ font-size:10px; } .viewtopic_body_post .postbody div.info h6{ font-size:9px; } .viewtopic_body_post .postbody div.info a.postlink{ padding:2px; text-decoration:none; } .viewtopic_body_post .postbody div.info pre{ font-size:11px; line-height:6px; color:#eef; background-color:#222; } .viewtopic_body_post .postbody div.calendar{ background:#222 url('http://www.simracing.nl/style/SNL2010/images/background.widget.calendar.jpg') repeat-x; } .viewtopic_body_post .postbody div.drivers{ width:800px; font-family:'courier new',courier,monospace; background:#222 url('http://www.simracing.nl/style/SNL2010/images/background.widget.tv.jpg') repeat-x; } .viewtopic_body_post .postbody div.results{ width:800px; font-family:'courier new',courier,monospace; background:#222 url('http://www.simracing.nl/style/SNL2010/images/background.widget.results.jpg') repeat-x; } color:#000; background:#fff; } .profile_view_body, .profile_add_body, .profile_avatar_gallery, .profile_send_email, .profile_send_pass {} .privmsg_body{} .privmsg_body td{ padding:0 15px 0 5px; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } .privmsg_body td table td{ background:none; } .privmsg_body .cattitle{ font-size:14px; margin-bottom:20px; } .privmsg_body a.cattitle:hover{ color:#fff; background:#222; } .overall_footer { text-align:center; padding:5px; margin:5px 0; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } .user_login { background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); margin-bottom:10px; } .user_login th, .user_login td { padding:5px; } .forum_legend { background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); margin-bottom:10px; } .forum_legend td { padding:5px; } .calendar_body {} .calendar_body .calendar_select_form th{ font-size:16px; } .calendar_body .calendar_select_form td{ padding:5px; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } .calendar_body .calendar_box{ margin-top:15px; } .calendar_body .calendar_box .cattitle { padding:0; margin:0; text-align:left; } .calendar_body .calendar_box th *{ display:block; margin-right:2px; border-top:#222 3px solid; } .calendar_body .calendar_box td { padding:0; } .calendar_body .calendar_box .filled { background:yellow; border:yellow dotted 2px; } .calendar_body .calendar_box td a.genmed{ display:block; color:#ddd; background:#222; padding:2px 2px 0; margin:10px 0 0; border:#fff 1px solid; border-bottom:0; } .calendar_body .calendar_box td b a.genmed{ color:#fff; background:#d00; } .calendar_body .calendar_box td.row1 { padding:0; margin:2px; border:#fff 2px solid; /* background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); */ } .calendar_body .calendar_box td.row1 table { height:100%; } .calendar_body .calendar_box td.row1 table td { padding:2px; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } .calendar_body .calendar_box td.row1 table td *{ padding:2px; background:#fff; } .search_results_posts td{ padding:5px 5px 50px; } .search_results_posts td.catHead{ padding:5px; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } .search_results_posts td span.name{ display:block; width:150px; margin-top:3px; border-top:#222 7px solid; } .search_results_posts td a.name{ font-size:16px; text-decoration:none; border:0; } .search_results_posts td a.name:hover{ text-decoration:underline; } /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* SNL chat page -------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ body.snlchat {} body.snlchat .snllayout { width:950px; overflow:hidden; } body.snlchat #snlchat { display:block; width:659px; float:left; border-right:#888 1px dotted; padding-right:24px; margin-right:24px; } body.snlchat #snlchat .irc { border-top:#222 5px solid; border-bottom:#888 1px dotted; } body.snlchat #snlchat .irc H1{ background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } body.snlchat .banner { margin-top:25px; margin-bottom:50px; } body.snlchat .banner th{ color:#eee; background:#222; padding:0 5px; font-size:9px; font-style:normal; text-transform:uppercase; } /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* SNL uploadtool page -------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ body.snluploadtool {} body.snluploadtool .snllayout { width:950px; overflow:hidden; } body.snluploadtool #snluploadtool H1{ border-top:#222 5px solid; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); margin-bottom:25px; } /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* SNL uploads page ----------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ body.snluploads {} body.snluploads .snllayout { width:950px; overflow:hidden; } body.snluploads #snluploads H1{ border-top:#222 5px solid; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); margin-bottom:25px; } /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* SNL snlviewer page --------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ body.snlviewer {} body.snlviewer .snllayout { width:950px; overflow:hidden; } body.snlviewer #snlviewer .snlviewer{ display:block; float:left; width:698px; height:220px; overflow:hidden; padding:5px; margin-right:2px; font-size:12px; color:#eee; background:#222 url('http://www.simracing.nl/style/SNL2010/images/overlay.glass.header.png') repeat-x scroll right top; background-position:-80 -80; } body.snlviewer .snlviewer .twitter { float:right !important; margin:12px -5px 0px 20px; } body.snlviewer .snlviewer H1{ color:#eee; } /* calendar ////////////////////////////////////////////////// */ body.snlviewer .snlviewer .calendar{ margin-bottom:15px; height:72px; overflow:hidden; } body.snlviewer .snlviewer .calendar H1{ display:none; } body.snlviewer .calendar a{ display:block; min-height:20px; padding-left:20px; padding-bottom:5px; color:#a1a1a1; text-decoration:none; background:#222 url('http://www.simracing.nl/style/SNL2010/images/icon_w_kalender.gif') no-repeat; } body.snlviewer .calendar a:hover{ color:#fff; text-decoration:underline; } body.snlviewer .calendar a.last{ color:#888; background:#222 url('http://www.simracing.nl/style/SNL2010/images/icon_w_pijl_rechts.gif') no-repeat; } body.snlviewer .calendar a.last:hover{ color:#fff; text-decoration:none; background:#222 url('http://www.simracing.nl/style/SNL2010/images/icon_w_kalender.gif') no-repeat; } body.snlviewer .calendar .snlcountdown { margin:5px; color:#0e0; font-size:24px; font-weight:bold; } body.snlviewer .calendar .snlcountdown em{ color:#777; font-size:10px; font-weight:normal; text-transform:uppercase; margin-right:5px; } body.snlviewer #snlviewer ul.snlraceservers { clear:both; margin-top:2px; padding:0px 0px 10px 0px; margin:2px 0px 0px 0px; } body.snlviewer #snlviewer ul.snlraceservers li{ margin:0px; padding:0px; list-style-type:none; } body.snlviewer #snlviewer ul.snlraceservers li.snlraceserver a{ display:block; float:left; width:143px; height:30px; padding:0 0 0 7px; margin-right:2px; color:#222 !important; text-decoration:none; border-top:#222 5px solid; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } body.snlviewer #snlviewer ul.snlraceservers li.snlraceserver a span.name{ font-size:14px; font-weight:bold; } body.snlviewer #snlviewer ul.snlraceservers li.snlraceserver a span.snlraceservername{ font-size:14px; font-weight:bold; } body.snlviewer #snlviewer ul.snlraceservers li.snlraceserver a span.snlraceserverstatus{ font-size:10px; } body.snlviewer #snlviewer ul.snlraceservers li.snlraceserver a:hover, body.snlviewer #snlviewer ul.snlraceservers li.snlraceserver a.selected{ color:#eee !important; background:#222; } body.snlviewer #snlraceserver{ clear:both; height:575px; border-top:#222 5px solid; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } body.snlviewer #snlraceserverintro{ padding:7px 10px; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } body.snlviewer #snlraceserverintro .info{ text-align:left; height:400px; padding:25px; margin:0px 75px; background:#fff; } /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* SNL snlsearch page --------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ body.snlsearch {} body.snlsearch .snllayout { width:950px; overflow:hidden; } body.snlsearch #search{} body.snlsearch #search H1{ border-top:#222 5px solid; padding:0 5px; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } body.snlsearch #search #cse-search-box{ padding:5px; width:940px; margin-top:3px !important; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } body.snlsearch #search #cse-search-box input.snlsearchinput{ width:500px; height:22px; border:#222 solid 1px; margin:0 2px 5px 0; } body.snlsearch #search #cse-search-box input.snlsearchsubmit{ width:140px; padding:2px 2px 2px 7px; margin:3px 0 0; border:0; border-top:#fff 5px solid; color:#eee; background:#222; text-align:left; font-family:arial, sans-serif; font-size:12px; font-weight:bold; } body.snlsearch #res { } body.snlsearch #res .cse-search-results{ margin-bottom:50px; } body.snlsearch #res .cse-search-results a{ color:#222; font-size:16px; font-weight:bold; text-decoration:none; } body.snlsearch #res .cse-search-results a:hover{ text-decoration:underline; } .highlightblack {color:#222 !important; background-color:#ff0 !important;} .highlightred {color:#e00 !important; background-color:#eee !important;} /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* SNL snltest page ----------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ body.snltest {} body.snltest .snllayout { width:950px; overflow:hidden; } body.snltest #test{} body.snltest #test H1{ border-top:#222 5px solid; padding:0 5px; background:url('http://www.simracing.nl/style/SNL2010/images/background.lines.gif'); } .testred {border:#f00 2px dashed !important;} .testgreen {border:#0f0 2px dashed !important;} .testblue {border:#00f 2px dashed !important;} .testyellow {border:#ff0 2px dashed !important;} /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* Smoothness styles ---------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } .ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* Dialog ----------------------------------*/ .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; }