/* usubs */ * { margin: 0; padding: 0; outline: none; } img { border: none; vertical-align:middle; } a { text-decoration: none; color: #333; } a:hover, a.actif { text-decoration: underline; } table { } .clear { clear: both; } .right { float: right; } .left { float: left; } .nolst { list-style-type: none; } h1 { background-image: url("/images/bg-h1.png"); background-position: center bottom; background-repeat: no-repeat; color: #111; font-size: 14px; margin: auto; padding-bottom: 16px; padding-left: 5px; padding-right: 5px; text-align: center; width: 490px; font-family: verdana; } body{ background-color: #F3F4F5; font-family: Arial; font-size: 10px; color: #333; } /** --------------------------------------------------------------------- SITE CONTAINER -----------*/ #content { width: 1024px; margin: 0px auto 0px auto; z-index: 1000; min-height: 500px; background-color: #FFFFFF; border-left: 1px solid #AAA; border-right: 1px solid #AAA; border-bottom: 1px solid #AAA; } #page-content { background:none repeat scroll 0 0 #FFFFFF; margin:0 auto; padding:20px 0 30px; width:940px; } #page { margin-left: 5px; width: 795px; float: left; } /** --------------------------------------------------------------------- HEADER -----------*/ #header { font-size: 14px; margin-top: 5px; } #header-main { } #header-content { border-left: 1px solid #AAA; border-right: 1px solid #AAA; border-top: 1px solid #AAA; } #header-menu { border-left: 1px solid #AAA; border-right: 1px solid #AAA; } #header-content, #header-menu { position: relative; margin: 0 auto; width: 1024px; background: url("/images/header-bg.png") repeat-x scroll 50% 0 #000; } #header-logo, #header-search, #header-buttons { float: left; } #header-logo { margin-top: 16px; } #header-search { margin-top: 10px; margin-left: 20px; } #header-search a { font-weight: bold; font-family: Verdana; } #header-buttons { margin-left:20px; margin-top: 2px; } #query { -moz-border-radis: 5px; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px;; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; background:none repeat scroll 0 0 #FFFFFF; border-color:#EEEEEE; border-style:solid; border-width:1px 0 1px 1px; font:13px "Lucida Grande",Arial,Sans-serif; margin:0; padding:6px; width:226px; } #query_submit { -moz-border-radius-bottomright: 5px; -moz-border-radius-topright: 5px; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; background:url(/images/bg-btn-search.png) repeat-x scroll 0 0 #BBBBBB; border:1px solid #EEEEEE; color:#333333; font:13px "Lucida Grande",Arial,Sans-serif; margin:0; outline-width:0; padding:5px 12px; text-shadow:0 1px 0 #FFFFFF; } #list-favorites { } #list-favorites div.favorite { float: left; margin: 8px; background-color: #000; width: 170px; height: 190px; position: relative; } #list-favorites div.favorite span { font-size: 10px; display: block; text-align: center; font-weight: bold; } #list-favorites div.favorite img.thumb { margin-left: 20px; margin-right: 20px; margin-top: 20px; } #list-favorites div a.fav-del { position: absolute; top: 0px; right: 0px; margin-top: -10px; margin-right: -10px; } div.serie_contribution { float: left; width: 140px; height: 155px; text-align: center; margin: 10px; padding-top: 10px; } div.serie_contribution:hover { border: 2px solid #FFDF57; margin: 8px; } .mauto { margin: auto; } .m4 { margin: 4px; } .m20 { margin: 20px; } .m10 { margin: 10px; } .m7 { margin: 7px; } .m6 { margin: 6px; } .mt10 { margin-top: 10px; } .mt5 { margin-top: 5px; } .w100p { width: 100%; } .w33p { width: 33%; } .w50p { width: 50%; } .fsz16 { font-size: 16px; } .fsz18 { font-size: 16px; } .b { font-weight: bold; } .w370 { width: 370px; } .w350 { width: 350px; } .w220 { width: 220px; } .w230 { width: 230px; } .w250 { width: 250px; } .w200 { width: 200px; } .w180 { width: 180px; } .w100 { width: 100px; } .w160 { width: 160px; } .w560 { width: 560px; } .w540 { width: 540px; } .w742 { width: 742px; } .h350 { height: 350px; } .pdt5 { padding-bottom: 5px; } .pd10 { padding: 10px; } .pd5 { padding: 5px; } .pd8 { padding: 8px; } .pdl5 { padding-left: 5px; } ul.ticked { list-style-image: url("/images/tickou.png") !important; list-style-position: inside; font-size: 13px; } ul.onglets { list-style-type: none; margin-left: 15px; } ul.onglets li { float: left; } ul.onglets li a { color: #FFF; font-size: 14px; font-weight: bold; text-align: center; margin-left: 20px; padding-top: 6px; padding-bottom: 6px; padding-left: 15px; padding-right: 15px; display: block; background-color: #333; } ul.onglets li a:hover, ul.onglets li a.selected { background-color: #A4A8C2; text-decoration: none; } ul.onglets li.first a { -moz-border-radius-topleft: 15px; border-top-left-radius: 15px 15px; } ul.onglets li.last a { -moz-border-radius-topright: 15px; border-top-right-radius: 15px 15px; } table.dashboard-menu { } table.dashboard-menu a, table.dashboard-menu a:hover { color: #000; font-size: 17px; text-decoration: none; font-weight: bold; } /* liScroll styles */ .tickercontainer { /* the outer div with the black border */ width: 780px; height: 20px; margin: 0; padding: 0; overflow: hidden; } .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */ position: relative; width: 780px; overflow: hidden; } ul.newsticker { /* that's your list */ position: relative; left: 750px; list-style-type: none; margin: 0; padding: 0; } ul.newsticker li { float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0; padding: 0; } ul.newsticker a { white-space: nowrap; padding: 0; color: #fff; font: bold 10px Verdana; margin: 0 50px 0 0; } ul.newsticker span { margin: 0 10px 0 0; } .btn-link { -moz-border-radius: 5px 5px 5px 5px; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; background:url("/images/btn-bg.png") repeat-x scroll 0 0 #FFAA22; border:1px solid #FFAA22; color:#333333; display:block; text-align:center; text-decoration:none; text-shadow:0 1px 0 #FFEE66; margin-top: 5px; margin-bottom: 5px; cursor: pointer; } .btn-link-big { padding:8px 10px; font:bold 16px Verdana,Sans-serif; } .btn-link-small { padding: 2px 6px; font: bold 10px Verdana,Sans-serif; } .btn-link-mini { padding: 2px 6px; font: bold 10px Verdana, Sans-serif; } a.btn-link:hover { text-decoration: none; } a.btn-link img { vertical-align: middle; margin-right: 4px; } .hall_of_fame { background: url("/images/header-bg.png") repeat-x scroll 50% 0 #000; border: 2px solid #FFAA22; position: relative; margin-top: 10px; } .hall_of_fame div.picto { position: absolute; right: -10px; top: -20px; } .hall_of_fame div.thumb { float: left; height: 90px; margin: 0px; color: white; text-align: center; } table.users-list { } table.users-list th, table.users-list td { border-bottom: 1px solid #A4A8C2; } #sidebar { width: 218px; padding-top: 10px; float: left; padding-bottom: 20px; } .box { padding: 2px 10px 4px; font-size: 10px; } .fichebox { -moz-border-radius: 5px 5px 5px 5px; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-top-left-radius: 0px 5px; border-top-right-radius: 5px 5px; padding: 0 10px 5px; margin-bottom: 12px; min-height: 160px; } .box-right { /* background: none repeat scroll 0 0 #A4A8C2; */ } .box-grey { color: #445566; } .box-grey a { color: #444; } .box-dark { background: #0E1748; color: #FFF; } h4.box-title { font-weight: bold; font-size: 12px; } .box h2 { border-bottom: 1px solid #DDD; color: #666666; font: bold 15px/20px "Helvetica Neue",Arial,Sans-serif; margin: 0; padding: 0 0 3px; } .tac { text-align: center; } .tal { text-align: left; } .promo { -moz-border-radius:5px 5px 5px 5px; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; background:none repeat scroll 0 0 #EEEEEE; color:#445566; margin-top:10px; padding:10px; } /** --------------------------------------------------------------------- FLAGS -----------*/ #footer .flags { } .flags ul { margin-top: -10px; } .flags li { float: left; list-style-type: none; } .flags li a { float: left; padding: 3px 3px 0px 3px; opacity: 0.50; filter: alpha(opacity=50); height: 19px; } .flags li a:hover, #footer .flags li a.selected { opacity: 1; filter: alpha(opacity=100); } .module { margin-bottom:8px; } .module h2 { background:transparent url(/images/module/module-h2-top.png) no-repeat scroll 0 0; overflow:hidden; float:left; padding:5px 0 0; width:100%; font-size:1em; font-weight:normal; } .module h2 span { margin-right:1px; background-color: #000; color:#FFFFFF; display:block; font-size:11px; font-weight:bold; line-height:14px; padding:0 0 5px 12px; text-shadow:1px 1px 1px #224272; } .module h2 .ico { margin-left:150px; margin-top:-30px; position:absolute; width: 30px; } .module .module_btm { background:transparent url(/images/module/column-btm.png) no-repeat scroll 0 0; clear:left; float:left; height:5px; line-height:5px; margin-bottom:7px; width:100%; } .module .modulecontent { background: transparent url(/images/module/column-bg.png) repeat-y scroll 0 0; padding:0; display:inline; float:left; width:100%; } .module .modulecontent .list_content { background:transparent url(/images/module/column-bg-grad.png) no-repeat scroll 0 0; float:left; width:100%; } .module .modulecontent .list_content ul { margin-bottom:1px; margin-top:1px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:5px 2px 3px 1px; padding-left:0; } .module .modulecontent .list_content ul li { clear:left; } .module .modulecontent .list_content ul li a { color:#0085CF; text-decoration:none; padding-top:5px; display:block; cursor:pointer; display:inline-block; line-height:1.25em; padding:5px 12px; position:relative; } .module .module_action { text-align: right; margin-right: 8px; } .module h3 { background:transparent url(/images/module/column-h3-bg.png) repeat-y scroll 0 0; color:#333333; float:left; font-size:12px; font-weight:bold; line-height:14px; width:100%; } .module h3 a { border-bottom:1px solid #D1D1D1; border-top:1px solid #CDCDCD; color:#333333; display:block; line-height:14px; margin:0 2px 0 1px; padding:0.34em 10px 0.34em 12px; position:relative; text-align: right; } /** --------------------------------------------------------------------- FOOTER -----------*/ #footer { background-color: #F5F5F5; clear: both; width: 1024px; margin: auto; padding-top: 15px; } #footer a { color: #333; } #footer h3 { color: #000; } #footer div.bloc { float: left; width: 250px; margin: 3px; } #footer div.bloc ul{ list-style-type: none; } #footer div.bloc ul li { margin-left: 5px; } #footer div.bloc ul li a{ color: #3889C5; } #footer .inFooter { width: 700px; margin: auto; padding: 10px 0 10px 0; color: #fff; text-align: center; } #footer .inFooter a { color: #fff; border-right: 1px solid #fff; padding: 0px 8px; } #footer .inFooter p { margin-top: 5px; } #footer .abcdaire { width: 951px; margin: auto; text-align: center; } #footer .abcdaire a { color: #fff; padding: 0px 3px; } #footer .abcdaire a:hover { text-decoration: underline; } #footer .partenaires { width: 951px; margin: auto; text-align: center; } #footer .partenaires a { color: #fff; padding: 0px 3px; } #footer .partenaires a:hover { text-decoration: underline; } #footer .copy { margin: 18px 0 0 0; text-align: center; } .listing { padding: 15px; } .listing .letter{ font-size: 18px; text-align: center; border-bottom:1px solid #D0D1D2; margin-bottom: 12px; } .listing .letterg{ font-size: 18px; text-align: left; border-bottom:1px solid #D0D1D2; margin-bottom: 12px; } .listing .serie_item { float: left; width: 230px; margin: 2px; font-weight: bold; } div.header-fiche { margin-top: 5px; } div.bloc-img-stats { float: right; width: 200px; } div.bloc-img-stats div.stats { margin-top: 6px; border: 1px solid #CCC; padding: 6px; } div.bloc-img-stats div.serie_actions a { display: block; border-bottom: 1px solid #ccc; padding: 5px; font-weight: bold; } div.bloc-img-stats div.serie_actions a:hover, div.bloc-img-stats div.serie_actions a.actif { color: #FFF; background-color: #000; text-decoration: none; } div.img_layout { } div.saison-menu h2 { background: url(/images/menu/partContent2.png) 0 0 repeat-x; text-align: center; color: #FFF; } div.saison-menu ul { list-style-type: none; } div.saison-menu ul li { } div.serie-fiche { color: #333333; float: right; margin-left: 10px; width: 620px; } div.serie-fiche div.fiche-content { } div.serie-fiche div.fiche-content div.dt-info dt { width: 140px; clear: left; float: left; color: #808080; padding: 3px } div.serie-fiche div.fiche-content div.dt-info dd { padding: 3px } div.serie-fiche div.fiche-content div.dt-light dt { width: 55px; clear: left; float: left; color: #808080; padding: 3px } div.serie-fiche div.fiche-content div.dt-light dd { padding: 3px } div.serie-fiche div.info { width: 120px; font-weight: bold; float: left; padding-left: 12px; font-size: 14px; margin: 5px; color: #3889C5; } div.serie-fiche div.info-value { float: left; margin: 5px; } div.serie-fiche table.list_short { border: 1px solid #CCC; width: 520px; } div.serie-fiche table.list_large { border: 1px solid #CCC; width: 650px; } div.serie-fiche table.list_big { border: 1px solid #CCC; width: 680px; } div.serie-fiche table.list tr td { padding: 6px; } div.serie-fiche table.tiny tr td { font-size: 9px; font-weight: normal; } div.serie-fiche table.list tr td.title { width: 230px; } div.serie-fiche table.list tr td.lang { text-align: right; } div.serie-fiche table.list tr.odd td { background-color: #EFEFEF; } div.serie-fiche table.list tr th { text-align: center; border-bottom: 1px solid #CCC; padding: 8px; } div.serie-fiche table.fiche th { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align: left; padding: 8px; width: 150px; color:#3889C5; } div.serie-fiche table.fiche td { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align: center; padding: 8px; color:#3889C5; } div.serie-fiche td.mini { width: 1%; white-space: nowrap; } div.serie-fiche td.action { text-align: right; } .ui-effects-transfer { border: 3px dashed #000; z-index: 4000; } div.blogbang { float: right; width: 142px; height: 426px; } div.blogbang2 { margin: auto; width: 730px; height: 114px; } /********* DOWNLOAD BOX ***********/ #downloadbox { border: 1px solid #CCC; padding: 5px; } #downloadbox ul li a { font-size: 10px; padding:3px 5px; } #favoritebox ul li a { font-size: 10px; padding:3px 5px; } img.ico { vertical-align: middle; } ul.error_list { list-style-type: none; color: red; } .ad_link { color:#555555; font-weight:normal; text-decoration:underline; white-space:nowrap; font-family:arial,sans-serif; font-size:11px; line-height:14px; } .progressName { font-size: 8pt; font-weight: 700; color: #555; width: 323px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden; } .progressBarInProgress, .progressBarComplete, .progressBarError { font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px; } .progressBarComplete { width: 100%; background-color: green; visibility: hidden; } .progressBarError { width: 100%; background-color: red; visibility: hidden; } .progressBarStatus { margin-top: 2px; width: 337px; font-size: 7pt; font-family: Arial; text-align: left; white-space: nowrap; } .form-table { padding: 10px; width: 100%; } .form-table td { padding: 2px; } .form-table label { font-size: 16px; font-weight: bold; font-family: 'Lucida Grande',sans-serif; } .form-table input, .form-table select, .form-table textarea { font-size: 13px; color: #000; font-weight: bold; font-family: 'Lucida Grande',sans-serif; text-align: center; -moz-border-radius: 5px 5px 5px 5px; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; } div.boxHome, div.boxHomeLarge { padding-left: 6px; float: left; margin-bottom: 15px; border-top: 1px solid #CCCCCC; } div.boxHome { width: 230px; } div.boxHomeLarge { width: 300px; } div.boxHome div.serieTitle { width: 160px; float: left; } div.boxHomeLarge div.serieTitle { width: 180px; float: left; } div.boxSidebar { padding-left: 5px; margin-top: 6px; } div.boxSaisons { float: left; width: 180px; padding: 5px; border: 1px solid #CCC; text-align: center; margin-top: 8px; margin-bottom: 10px; } div.boxSerie { float: left; width: 580px; margin-left: 10px; margin-top: 8px; } ul.actu { list-style-type: none; } h4.titleFavorite { margin: auto; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; text-align: center; font-size: 12px; width: 160px; line-height: 16px; } table.favorites { width: 100%; text-align: left; border-collapse: collapse; } table.favorites th { border: 1px solid #CCC; } table.favorites th:hover { background-color: #CCC; } table.favorites th a { display: block; width: 100%; padding: 3px 3px 3px 15px; text-decoration: none; } div.facebookBox { font-size: 13px; } div.facebookBox div.item { line-height: 30px; } div.facebookBox img { width: 30px; vertical-align: middle; margin-right: 10px; } /* */ .ac_results { -moz-border-radius: 0 12px 12px 12px; border-bottom-left-radius: 12px 12px; border-bottom-right-radius: 12px 12px;; border-top-right-radius: 12px 12px; background-color: #EEEEEE; overflow: hidden; padding: 0; z-index: 99999; border: 10px solid #EEE; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; text-decoration: none; border-bottom: 1px solid #777; } .ac_results a.titre { font-size: 16px; } .ac_loading { background: white url('indicator.gif') right center no-repeat; } /* */ /*Defaults Styling*/ input, textarea, select {font:12px/12px Arial, Helvetica, sans-serif; padding:0;} label {font-size:11px; font-weight:bold; color:#666; padding-right: 20px;} label.opt {font-weight:normal;} td.error {color: red;} td.error ul {list-style-type: none} td .radio_list {list-style-type: none} td .radio_list li {float: left;} td .radio_list input {width: auto; } td input {border: 1px solid #DDD; padding: 4px;} td select { padding: 4px; border: 1px solid #DDD; } #footer {font-size:11px;} #container {width:700px; margin:0 auto;} /*########################################## Script: Niceforms 2.0 Theme: StandardBlue Author: Lucian Slatineanu URL: http://www.emblematiq.com/ ##########################################*/ /* Form */ .form { padding: 20px; } /*Text inputs*/ .Input {width: 330px; border:none; vertical-align:middle; font:12px/15px Arial, Helvetica, sans-serif; background:none;} .InputLight {width: 100px; border:none; vertical-align:middle; font:12px/15px Arial, Helvetica, sans-serif; background:none;} .InputCenter {height:15px; background:url(/images/form/input.png) repeat-x 0 0; padding:3px 0; margin:0; float:left; line-height:15px;} .InputLeft, .InputRight {width:7px; height:21px; vertical-align:middle; float:left;} .InputLeft {background:url(/images/form/input-left.png) no-repeat 0 0;} .InputRight {background:url(/images/form/input-right.png) no-repeat 0 0;} .InputLabel { float: left; } .InputError ul { color: red; list-style-type: none; text-align: right; font-size: 10px; float: right; } input.but { background-color: #333; border-style: solid; border-width: 1px; color: #FFFFFF; font-weight: bold; padding: 2px 15px 3px; text-align: center; } /*Radio*/ .NFRadio {cursor:pointer; position:absolute; display:block; width:13px; height:13px; border:1px solid transparent; background:url(/images/form/radio.png) no-repeat 0 0; z-index:2;} /*Checkbox*/ .NFCheck {cursor:pointer; position:absolute; width:12px; height:12px; border:1px solid transparent; background:url(/images/form/checkbox.png) no-repeat 0 0; z-index:2;} /*Buttons*/ .Button {width:auto; height:26px; color:#fff; padding:0 2px; background:url(/images/form/button.png) repeat-x 0 0; cursor:pointer; border:none; font:10px/26px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;} .ButtonLeft, .ButtonRight {width:6px; height:26px; vertical-align:middle;} .ButtonLeft {background:url(/images/form/button-left.png) no-repeat 0 0;} .ButtonRight {background:url(/images/form/button-right.png) no-repeat 0 0;} /*Textareas*/ .NFTextarea {border:none; background:none; font:12px/12px Arial, Helvetica, sans-serif; margin:0;} .NFTextareaTop, .NFTextareaBottom {height:5px; clear:both; float:none; padding-right:10px;} .NFTextareaTop {background:url(/images/form/textarea-tr.png) no-repeat 100% 0;} .NFTextareaBottom {background:url(/images/form/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;} .NFTextareaTopLeft, .NFTextareaBottomLeft {width:5px; height:5px;} .NFTextareaTopLeft {background:#f2f2e6 url(/images/form/textarea-tl.png) no-repeat 0 0;} .NFTextareaBottomLeft {background:#f2f2e6 url(/images/form/textarea-bl.png) no-repeat 0 0;} .NFTextareaLeft, .NFTextareaRight, .NFTextareaLeftH, .NFTextareaRightH {float:left; padding-bottom:5px;} .NFTextareaLeft, .NFTextareaLeftH {width:5px;} .NFTextareaLeft {background:url(/images/form/textarea-l-off.png) repeat-y 0 0;} .NFTextareaLeftH {background:url(/images/form/textarea-l-over.png) repeat-y 0 0;} .NFTextareaRight, .NFTextareaRightH {padding-right:5px; padding-bottom:0;} .NFTextareaRight {background:url(/images/form/textarea-r-off.png) repeat-y 100% 0;} .NFTextareaRightH {background:url(/images/form/textarea-r-over.png) repeat-y 100% 100%;} /*Files*/ .NFFileButton {padding-bottom:0; vertical-align:bottom; cursor:pointer; background:url(/images/form/file.png) no-repeat 0 0; width:60px; height:21px;} .NFFile {position:relative; margin-bottom:5px;} .NFFile input.NFhidden {position:relative; filter:alpha(opacity=0); opacity:0; z-index:2; cursor:pointer; text-align:left;} .NFFileNew {position:absolute; top:0px; left:0px; z-index:1;} /*Selects*/ .NFSelect {height:21px; position:absolute; border:1px solid transparent;} .NFSelectLeft {float:left; width:3px; height:21px; background:url(/images/form/select-left.png) no-repeat 0 0; vertical-align:middle;} .NFSelectRight {height:21px; width:auto; background:url(/images/form/select-right.png) no-repeat 100% 0; cursor:pointer; font:12px/21px Arial, Helvetica, sans-serif; color:#fff; padding-left:3px; margin-left:3px;} .NFSelectTarget {position:absolute; background:none; margin-left:-13px; margin-top:18px; z-index:3; left:0; top:0; padding-bottom:13px;} .NFSelectOptions {position:relative; background:#707175; margin-left:16px; margin-top:0; list-style:none; padding:4px 0; color:#fff; font:11px/13px Arial, Helvetica, sans-serif; z-index:4; max-height:200px; overflow-y:auto; overflow-x:hidden; left:0; top:0;} .NFSelectOptions li {padding-bottom:1px;} .NFSelectOptions a {display:block; text-decoration:none; color:#fff; padding:2px 3px; background:none;} .NFSelectOptions a.NFOptionActive {background:#464646;} .NFSelectOptions a:hover {background:#333;} /*Multiple Selects*/ .NFMultiSelect {border:0; background:none; margin:0;} .NFMultiSelectTop, .NFMultiSelectBottom {height:5px; clear:both; float:none; padding-right:10px;} .NFMultiSelectTop {background:url(/images/form/textarea-tr.png) no-repeat 100% 0;} .NFMultiSelectBottom {background:url(/images/form/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;} .NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {width:5px; height:5px;} .NFMultiSelectTopLeft {background:#f2f2e6 url(/images/form/textarea-tl.png) no-repeat 0 0;} .NFMultiSelectBottomLeft {background:#f2f2e6 url(/images/form/textarea-bl.png) no-repeat 0 0;} .NFMultiSelectLeft, .NFMultiSelectRight, .NFMultiSelectLeftH, .NFMultiSelectRightH {float:left; padding-bottom:5px;} .NFMultiSelectLeft, .NFMultiSelectLeftH {width:5px;} .NFMultiSelectLeft {background:url(/images/form/textarea-l-off.png) repeat-y 0 0;} .NFMultiSelectLeftH {background:url(/images/form/textarea-l-over.png) repeat-y 0 0;} .NFMultiSelectRight, .NFMultiSelectRightH {padding-right:5px; padding-bottom:0;} .NFMultiSelectRight {background:url(/images/form/textarea-r-off.png) repeat-y 100% 0;} .NFMultiSelectRightH {background:url(/images/form/textarea-r-over.png) repeat-y 100% 0;} /*Focused*/ .NFfocused {border:1px dotted #666;} /*Hovered*/ .NFh {background-position:0 100%;} .NFhr {background-position:100% 100%;} /*Hidden*/ .NFhidden {opacity:0; z-index:-1; position:relative;} /*Safari*/ select, input, textarea, button {outline:none; resize:none;} /* */ /* jqModal base Styling courtesy of; Brice Burgess <bhb@iceburg.net> */ /* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (via jqModal.js). */ .jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 600px; background-color: #EEE; color: #333; border: 1px solid black; padding: 12px; } .jqmOverlay { background-color: #000; } /* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */ * iframe.jqm {position:absolute;top:0;left:0;z-index:-1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px'); } /* Fixed posistioning emulation for IE6 Star selector used to hide definition from browsers other than IE6 For valid CSS, use a conditional include instead */ * html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); } /* jqModal alert CSS courtesy of; Alexandre Plennevaux <alexandre@pixeline.be>, Brice Burgess <bhb@iceburg.net> */ div.jqmAlert { /* contains + positions the alert window */ display: none; position: fixed; top: 17%; width: 100%; } /* Fixed posistioning emulation for IE6 Star selector used to hide definition from browsers other than IE6 For valid CSS, use a conditional include instead */ * html div.jqmAlert { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); } div.jqmAlertWindow { height:auto; width: auto; margin: auto; max-width:400px; padding: 0 10px 10px; background:#111; border:1px dotted #FFF; } .jqmAlertTitle{ margin:5px 2px; height:20px; color:#FFF; background:#000; } .jqmAlertTitle h1{ margin:5px 2px; padding-left:5px; padding:0; font-size:14px; text-transform:capitalize; letter-spacing:-1px; font-weight:bold; color:#FFF; float:left; height:20px; } div.jqmAlert .jqmClose em{display:none;} div.jqmAlert .jqmClose { width:20px; height:20px; display:block; float:right; clear:right; background:transparent url(/images/alert/close_icon_double.png) 0 0 no-repeat; } div.jqmAlert a.jqmClose:hover,div.jqmAlert a.jqmCloseHover{ background-position: 0 -20px; } div.jqmAlertContent{ border-top:px; color:#FFF; font:11px/14pt arial; padding:5px 20px 5px; margin:5px; border:1px dotted #111; letter-spacing:0px; background:#111 url(/images/alert/darkgrid.png); text-align: center; } /*°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° clearing a float without additional markup http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* */ div#nyroModalFull { font-size: 12px; color: #777; font-family: Verdana; } div#nyroModalFull div#nyroModalLoading { border: 4px solid #777; width: 150px; height: 150px; text-indent: -9999em; background: #fff url(../img/ajaxLoader.gif) no-repeat; background-position: center; } div#nyroModalFull div#nyroModalLoading.error { border: 4px solid #f66; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff; } div#nyroModalFull div#nyroModalWrapper { background: #fff; border: 4px solid #777; } div#nyroModalFull div#nyroModalWrapper a#closeBut { position: absolute; display: block; top: -13px; right: -13px; width: 12px; height: 12px; text-indent: -9999em; background: url(/images/nyro/close.gif) no-repeat; outline: 0; } div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle { margin: 0; padding: 0; position: absolute; top: -22px; left: 5px; font-size: 12px; color: #ddd; } div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent { padding: 5px; } div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent { position: relative; overflow: hidden; text-align: center; } div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img { vertical-align: baseline; } div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div { position: absolute; bottom: 0; left: 0; background: black; padding: 10px; margin: 10px; border: 1px white dotted; overflow: hidden; opacity: 0.2; filter: alpha(opacity=20); } div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover { opacity: 0.5; filter: alpha(opacity=50); cursor: help; } div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext { z-index: 105; outline: none; position: absolute; top: 0; height: 100%; width: 40%; cursor: pointer; text-indent: -9999em; background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */ } div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext { height: 60%; width: 20%; } div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev { left: 0; } div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover { background: url(/images/nyro/prev.gif) left 20% no-repeat; } div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext { right: 0; } div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover { background: url(/images/nyro/next.gif) right 20% no-repeat; } /* */ /* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */ /* Invisible left hotspot */ div.scrollingHotSpotLeft { /* The hotspots have a minimum width of 100 pixels and if there is room the will grow and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */ min-width: 75px; width: 10%; height: 100%; /* There is a big background image and it's used to solve some problems I experienced in Internet Explorer 6. */ background-image: url(../images/big_transparent.gif); background-repeat: repeat; background-position: center center; position: absolute; z-index: 200; left: 0; /* The first url is for Firefox and other browsers, the second is for Internet Explorer */ cursor: url(../images/cursors/cursor_arrow_left.cur), url(images/cursors/cursor_arrow_left.cur),w-resize; } /* Visible left hotspot */ div.scrollingHotSpotLeftVisible { background-image: url(../images/arrow_left.gif); background-color: #fff; background-repeat: no-repeat; opacity: 0.35; /* Standard CSS3 opacity setting */ -moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */ filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */ zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */ } /* Invisible right hotspot */ div.scrollingHotSpotRight { min-width: 75px; width: 10%; height: 100%; background-image: url(../images/big_transparent.gif); background-repeat: repeat; background-position: center center; position: absolute; z-index: 200; right: 0; cursor: url(../images/cursors/cursor_arrow_right.cur), url(images/cursors/cursor_arrow_right.cur),e-resize; } /* Visible right hotspot */ div.scrollingHotSpotRightVisible { background-image: url(../images/arrow_right.gif); background-color: #fff; background-repeat: no-repeat; opacity: 0.35; filter: alpha(opacity = 35); -moz-opacity: 0.35; zoom: 1; } /* The scroll wrapper is always the same width and height as the containing element (div). Overflow is hidden because you don't want to show all of the scrollable area. */ div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; } div.scrollableArea { position: relative; width: auto; height: 100%; } #scrollingText { height: 18px; position: relative; } #scrollingText div.scrollableArea * { display: block; float: left; margin: 0; padding: 2px 7px 2px 0px; font-family: verdana,"lucida grande",tahoma,arial,sans-serif; font-size: 10px; font-weight: bold; color: #FFF; white-space: nowrap; } /* */ #facebox .b { background:url(/images/facebox/b.png); } #facebox .tl { background:url(/images/facebox/tl.png); } #facebox .tr { background:url(/images/facebox/tr.png); } #facebox .bl { background:url(/images/facebox/bl.png); } #facebox .br { background:url(/images/facebox/br.png); } #facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; } #facebox .popup { position: relative; } #facebox table { border-collapse: collapse; } #facebox td { border-bottom: 0; padding: 0; } #facebox .body { padding: 10px; background: #fff; width: 370px; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; } #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000; z-index: 99; } * html #facebox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } /* */