HTML, BODY { height: 100%; }
BODY
  {
    padding-top: 70px;
    font-family: 'Ubuntu Condensed', sans-serif;
    font-size: 1.1em;
    background-color: #111;
    background-image: url(/images/bg5.jpg); 
    background-size: cover; 
    background-repeat: repeat; 
    background-position: center center; 
  }
H1.logo { margin: -10px 10px -10px 0px; padding: 0; }
.logo { font-size: 2em; margin: 10px 0; text-align: right; padding: 7px 17px 0 5px; text-shadow: 4px 4px 6px rgba(0,0,0,0.8); }
.logopiran { font-family: 'Just Another Hand', cursive; font-size: 1.1em; font-style: italic; color: #00b0f8; }
.logomoto { font-family: 'Francois One', sans-serif; position: relative; top: 1px; left: 5px; letter-spacing: -2px; color: #fff; }
#mypmdropdown { left:-128px; }
#wrappermain { }
#contentmain { }
#footer { margin: 20px 0 0 0; }
#lfslogo { float: right; height: 37px; padding: 4px 20px 0 0; }
.pagination { text-align: center; }
.pagination DIV { margin: auto; }
.pagination .currentpage { font-weight: bold; }
.pagination A { padding: 2px; margin: 2px; }
.pagination A:hover { background-color: rgba(0,0,0,0.3); }

.jnavbar
    {
    background-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%);
    -webkit-box-shadow: 0px 11px 32px -8px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 11px 32px -8px rgba(0,0,0,0.7);
    box-shadow: 0px 11px 32px -8px rgba(0,0,0,0.7);
  }

#loginform,
#joinform,  
.server,
.tracks,
.classes,
.results,
.drivers,
.defaultcol,
.mypm { padding: 0 20px 20px 20px; border: 1px solid #999; border-radius: 5px; background-color:rgba(255,255,255,.75); }
#loginform,
#joinform,
.mypm { padding: 20px; }

.server,
.classes { height: calc(100% - 22px); }
.server,
.tracks { padding: 15px 20px 20px 20px; }

.table .table { background-color: rgba(0,0,0,0.2) !important; }
#connsmodal .modal-body { background-color: #ccc !important; }
.clickfinder:hover {cursor: pointer; background-color:rgba(255,255,255,0.25) !important; }
#laptimecar { border: 0px; }
#carselector
  {
    border: 0px;
    border-radius: 4px;
    background-color: #f8f9fa;
    height: 31px;
    padding-top: 3px;
  }
  
/* /tracks */
.tracks .trackimagewrapper { float: right; margin: 25px 0 0 5px; max-width: 200px; text-align: center; }
.tracks .trackimage  {  border-radius: 5px; 
                      -webkit-box-shadow: 7px 7px 23px -4px rgba(0,0,0,0.3); 
                      -moz-box-shadow: 7px 7px 23px -4px rgba(0,0,0,0.3); 
                      box-shadow: 7px 7px 23px -4px rgba(0,0,0,0.3); 
                      max-width: 200px; 
                      max-height: 150px;
                      overflow: hidden; }
.trackimage A.gallery:not(:first-child) IMG { display:block; width: 1px; height: 1px; overflow:hidden; }
 
#toptimes { border-bottom: 1px solid #dee2e6; }
#toptimes  .alt { background-color: rgba(0,0,0,.05); }
#toptimes TD { white-space: nowrap; }
#toptimes THEAD TD { font-weight: bold; }
#toptimes TD:nth-child(n+3) { text-align: right; }
#toptimes TBODY TD:nth-child(even) { background-color: rgba(0,0,0,.05); }
#toptimes TBODY TR.alt TD:nth-child(even) { background-color: rgba(0,0,0,.08); }

.elementscrollx { overflow-x: auto; }

/* test scroll shadows:

jQ this onscroll()
.elementscrollx
  {
    overflow-x: auto;
    background-image: linear-gradient(to right, rgba(0,0,0,.25), rgba(255,255,255,0)),
                      linear-gradient(to left, rgba(0,0,0,.25), rgba(255,255,255,0));
    background-position: left center, right center;
    background-repeat: no-repeat;
    background-size: 10px 100%, 10px 100%;
    background-attachment: scroll, scroll;
  }

  
  
*/

/* classes, general */
.card { background-color: rgba(255,255,255,.75) !important; margin-bottom: 20px !important; height: 90% !important;  }
.card-title { position: relative !important; top: 15px !important; left: 20px !important; }
.cardheight { height: 92% !important; }
.jtable{ width: 100%; }
.jtable TD { padding: 0px 5px; }
.jtable THEAD TR { background-color: rgba(0,0,0,.12); }
.jtable TR:nth-child(2n) { background-color: rgba(0,0,0,.08); }
.jtable TD:not(:nth-child(1)) { border-left: 1px solid #aaa; } 
      

/* /servers */
.modver { display: inline; font-size: .6em; color: #444; }
.trackcode { font-size: .8em; color: #444; }
.trackstats {  }
.server .serverimage{ float: right;
                      margin: 0 0 0 5px; 
                      border-radius: 5px;
                      -webkit-box-shadow: 7px 7px 23px -4px rgba(0,0,0,0.3); 
                      -moz-box-shadow: 7px 7px 23px -4px rgba(0,0,0,0.3); 
                      box-shadow: 7px 7px 23px -4px rgba(0,0,0,0.3); 
                      max-width: 150px; 
                      max-height: 120px;
                      overflow: hidden; }
.server .servertitle { float: left; }
.server .serverdescription { font-size: 12pt; color: #444; margin: -12px 0 8px 0; }
.serverbuttons { margin: 5px 0 0 0; }
.loadedtrack,
.winninglap,
.eventtoday { border: 2px solid red !important; border-left: 5px solid red !important; background-color:rgba(255,0,0,0.1);}
.podium,
.finallap,
.eventtomorrow { border: 2px solid orange !important; border-left: 5px solid orange !important; background-color:rgba(255,128,0,0.1);}
.fastestlap { border: 2px solid #66f !important; border-left: 5px solid #66f !important; background-color:rgba(0,0,255,0.1);}
.highlighttrack A:before { content: "*"; }
   
#discordabout { float: right; margin: -10px 0px 10px 10px; padding: 10px; width:250px; font-style: italic; }
   
.buddylist { float: left; }
.buddylist TD { padding: 0 !important; }
#refreshbutton { color: #fff; font-weight: bold; }
      
/* Template system internals */
/* Noticetypes: 0 - Success; 1- Note; 2 - Warning; 3 - Failure */
#notices { position: fixed; top: 50px; width: 100%; z-index: 9998; filter:alpha(opacity=80); opacity:0.8; }
.notice0,
.notice1,
.notice2,
.notice3
	{ color: #fff; font-weight: bold; line-height:35px; z-index: 9999; padding: 0 0 0 20px; border-bottom: 2px solid #999; }
.notice0 { background: #0b0; }
.notice1 { background: #cc0; }
.notice2 { background: #c60; }
.notice3 { background: #b00; }
.clicktoclose I:hover { cursor: pointer; }


/* Miscellaneous */
.inline { display: inline; }
.block { display: block; }
.aligncentre { text-align: center; }
.alignright { text-align: right; }
.alignleft { text-align: left; }
.floatright { float: right; }
.floatleft { float: left; }
.fafloatleft { float: left; margin-top: 4px; }
.floatlefthalf { width: 49%; float: left; }
.floatleftthird { width: 33%; float: left; }
.floatleftquarter { width: 24%; float: left; }
.clearleft { clear: left; }
.clearright {clear: right; }
.clearboth { clear: both; }
.hidden { display: none; }
/*.invisible { visibility: hidden !important; } (in bootstrap) */
.indent { padding: 0 0 0 15px; }
.na  { font-size: .7em; color: #444; }

/* LFS colours */
.lfscol0 { color: #000; }
.lfscol1 { color: #c00; font-weight: bold; }
.lfscol2 { color: #090; font-weight: bold; }
.lfscol3 { color: #ff0; font-weight: bold; text-shadow: 2px 2px 3px rgba(150, 150, 150, 0.7); }
.lfscol4 { color: #00c; font-weight: bold; }
.lfscol5 { color: #f0e; font-weight: bold; }
.lfscol6 { color: #cff; font-weight: bold; text-shadow: 2px 2px 3px rgba(150, 150, 150, 0.7); }
.lfscol7 { color: #fff; font-weight: bold; text-shadow: 2px 2px 3px rgba(150, 150, 150, 0.7); }
.lfscol8 { color: #000; }
.lfscol9 { color: #000; }

/* LFS flag styles, from LFS.net */
.flagimage{display:inline-block;margin-right:10px;width:18px;height:12px;background-image:url('/images/united4.png')}
.fl_a1{background-position:-1px -1px}
.fl_a2{background-position:-20px -1px}
.fl_ad{background-position:-39px -1px}
.fl_ae{background-position:-58px -1px}
.fl_af{background-position:-77px -1px}
.fl_ag{background-position:-96px -1px}
.fl_ai{background-position:-115px -1px}
.fl_al{background-position:-134px -1px}
.fl_am{background-position:-153px -1px}
.fl_an{background-position:-172px -1px}
.fl_ao{background-position:-191px -1px}
.fl_ap{background-position:-210px -1px}
.fl_aq{background-position:-229px -1px}
.fl_ar{background-position:-248px -1px}
.fl_as{background-position:-1px -14px}
.fl_at{background-position:-20px -14px}
.fl_au{background-position:-39px -14px}
.fl_aw{background-position:-58px -14px}
.fl_ax{background-position:-77px -14px}
.fl_az{background-position:-96px -14px}
.fl_ba{background-position:-115px -14px}
.fl_bb{background-position:-134px -14px}
.fl_bd{background-position:-153px -14px}
.fl_be{background-position:-172px -14px}
.fl_bf{background-position:-191px -14px}
.fl_bg{background-position:-210px -14px}
.fl_bh{background-position:-229px -14px}
.fl_bi{background-position:-248px -14px}
.fl_bj{background-position:-1px -27px}
.fl_bm{background-position:-20px -27px}
.fl_bn{background-position:-39px -27px}
.fl_bo{background-position:-58px -27px}
.fl_br{background-position:-77px -27px}
.fl_bs{background-position:-96px -27px}
.fl_bt{background-position:-115px -27px}
.fl_bv{background-position:-134px -27px}
.fl_bw{background-position:-153px -27px}
.fl_by{background-position:-172px -27px}
.fl_bz{background-position:-191px -27px}
.fl_ca{background-position:-210px -27px}
.fl_cc{background-position:-229px -27px}
.fl_cd{background-position:-248px -27px}
.fl_cf{background-position:-1px -40px}
.fl_cg{background-position:-20px -40px}
.fl_ch{background-position:-39px -40px}
.fl_ci{background-position:-58px -40px}
.fl_ck{background-position:-77px -40px}
.fl_cl{background-position:-96px -40px}
.fl_cm{background-position:-115px -40px}
.fl_cn{background-position:-134px -40px}
.fl_co{background-position:-153px -40px}
.fl_cr{background-position:-172px -40px}
.fl_cu{background-position:-191px -40px}
.fl_cv{background-position:-210px -40px}
.fl_cx{background-position:-229px -40px}
.fl_cy{background-position:-248px -40px}
.fl_cw{background-position:-1px -53px}
.fl_cz{background-position:-20px -53px}
.fl_de{background-position:-39px -53px}
.fl_dj{background-position:-58px -53px}
.fl_dk{background-position:-77px -53px}
.fl_dm{background-position:-96px -53px}
.fl_do{background-position:-115px -53px}
.fl_dz{background-position:-134px -53px}
.fl_ec{background-position:-153px -53px}
.fl_ee{background-position:-172px -53px}
.fl_eg{background-position:-191px -53px}
.fl_eh{background-position:-210px -53px}
.fl_er{background-position:-229px -53px}
.fl_es{background-position:-248px -53px}
.fl_et{background-position:-1px -66px}
.fl_eu{background-position:-20px -66px}
.fl_fi{background-position:-39px -66px}
.fl_fj{background-position:-58px -66px}
.fl_fk{background-position:-77px -66px}
.fl_fm{background-position:-96px -66px}
.fl_fo{background-position:-115px -66px}
.fl_fr{background-position:-134px -66px}
.fl_ga{background-position:-153px -66px}
.fl_gb{background-position:-172px -66px}
.fl_gd{background-position:-191px -66px}
.fl_ge{background-position:-210px -66px}
.fl_gf{background-position:-229px -66px}
.fl_gg{background-position:-248px -66px}
.fl_gh{background-position:-1px -79px}
.fl_gi{background-position:-20px -79px}
.fl_gl{background-position:-39px -79px}
.fl_gm{background-position:-58px -79px}
.fl_gn{background-position:-77px -79px}
.fl_gp{background-position:-96px -79px}
.fl_gq{background-position:-115px -79px}
.fl_gr{background-position:-134px -79px}
.fl_gt{background-position:-153px -79px}
.fl_gu{background-position:-172px -79px}
.fl_gw{background-position:-191px -79px}
.fl_gy{background-position:-210px -79px}
.fl_hk{background-position:-229px -79px}
.fl_hm{background-position:-248px -79px}
.fl_hn{background-position:-1px -92px}
.fl_hr{background-position:-20px -92px}
.fl_ht{background-position:-39px -92px}
.fl_hu{background-position:-58px -92px}
.fl_id{background-position:-77px -92px}
.fl_ie{background-position:-96px -92px}
.fl_il{background-position:-115px -92px}
.fl_im{background-position:-134px -92px}
.fl_in{background-position:-153px -92px}
.fl_io{background-position:-172px -92px}
.fl_iq{background-position:-191px -92px}
.fl_ir{background-position:-210px -92px}
.fl_is{background-position:-229px -92px}
.fl_it{background-position:-248px -92px}
.fl_je{background-position:-1px -105px}
.fl_jm{background-position:-20px -105px}
.fl_jo{background-position:-39px -105px}
.fl_jp{background-position:-58px -105px}
.fl_ke{background-position:-77px -105px}
.fl_kg{background-position:-96px -105px}
.fl_kh{background-position:-115px -105px}
.fl_ki{background-position:-134px -105px}
.fl_km{background-position:-153px -105px}
.fl_kn{background-position:-172px -105px}
.fl_kp{background-position:-191px -105px}
.fl_kr{background-position:-210px -105px}
.fl_kw{background-position:-229px -105px}
.fl_ky{background-position:-248px -105px}
.fl_kz{background-position:-1px -118px}
.fl_la{background-position:-20px -118px}
.fl_lb{background-position:-39px -118px}
.fl_lc{background-position:-58px -118px}
.fl_li{background-position:-77px -118px}
.fl_lk{background-position:-96px -118px}
.fl_lr{background-position:-115px -118px}
.fl_ls{background-position:-134px -118px}
.fl_lt{background-position:-153px -118px}
.fl_lu{background-position:-172px -118px}
.fl_lv{background-position:-191px -118px}
.fl_ly{background-position:-210px -118px}
.fl_ma{background-position:-229px -118px}
.fl_mc{background-position:-248px -118px}
.fl_md{background-position:-1px -131px}
.fl_me{background-position:-20px -131px}
.fl_mg{background-position:-39px -131px}
.fl_mh{background-position:-58px -131px}
.fl_mk{background-position:-77px -131px}
.fl_ml{background-position:-96px -131px}
.fl_mm{background-position:-115px -131px}
.fl_mn{background-position:-134px -131px}
.fl_mo{background-position:-153px -131px}
.fl_mp{background-position:-172px -131px}
.fl_mq{background-position:-191px -131px}
.fl_mr{background-position:-210px -131px}
.fl_ms{background-position:-229px -131px}
.fl_mt{background-position:-248px -131px}
.fl_mu{background-position:-1px -144px}
.fl_mv{background-position:-20px -144px}
.fl_mw{background-position:-39px -144px}
.fl_mx{background-position:-58px -144px}
.fl_my{background-position:-77px -144px}
.fl_mz{background-position:-96px -144px}
.fl_na{background-position:-115px -144px}
.fl_nc{background-position:-134px -144px}
.fl_ne{background-position:-153px -144px}
.fl_nf{background-position:-172px -144px}
.fl_ng{background-position:-191px -144px}
.fl_ni{background-position:-210px -144px}
.fl_nl{background-position:-229px -144px}
.fl_no{background-position:-248px -144px}
.fl_np{background-position:-1px -157px}
.fl_nr{background-position:-20px -157px}
.fl_nu{background-position:-39px -157px}
.fl_nz{background-position:-58px -157px}
.fl_om{background-position:-77px -157px}
.fl_pa{background-position:-96px -157px}
.fl_pe{background-position:-115px -157px}
.fl_pf{background-position:-134px -157px}
.fl_pg{background-position:-153px -157px}
.fl_ph{background-position:-172px -157px}
.fl_pk{background-position:-191px -157px}
.fl_pl{background-position:-210px -157px}
.fl_pm{background-position:-229px -157px}
.fl_pn{background-position:-248px -157px}
.fl_pr{background-position:-1px -170px}
.fl_ps{background-position:-20px -170px}
.fl_pt{background-position:-39px -170px}
.fl_pw{background-position:-58px -170px}
.fl_py{background-position:-77px -170px}
.fl_qa{background-position:-96px -170px}
.fl_re{background-position:-115px -170px}
.fl_ro{background-position:-134px -170px}
.fl_rs{background-position:-153px -170px}
.fl_ru{background-position:-172px -170px}
.fl_rw{background-position:-191px -170px}
.fl_sa{background-position:-210px -170px}
.fl_sb{background-position:-229px -170px}
.fl_sc{background-position:-248px -170px}
.fl_sd{background-position:-1px -183px}
.fl_se{background-position:-20px -183px}
.fl_sg{background-position:-39px -183px}
.fl_sh{background-position:-58px -183px}
.fl_si{background-position:-77px -183px}
.fl_sk{background-position:-96px -183px}
.fl_sl{background-position:-115px -183px}
.fl_sm{background-position:-134px -183px}
.fl_sn{background-position:-153px -183px}
.fl_so{background-position:-172px -183px}
.fl_sr{background-position:-191px -183px}
.fl_st{background-position:-210px -183px}
.fl_sv{background-position:-229px -183px}
.fl_sy{background-position:-248px -183px}
.fl_sz{background-position:-1px -196px}
.fl_tc{background-position:-20px -196px}
.fl_td{background-position:-39px -196px}
.fl_tf{background-position:-58px -196px}
.fl_tg{background-position:-77px -196px}
.fl_th{background-position:-96px -196px}
.fl_tj{background-position:-115px -196px}
.fl_tk{background-position:-134px -196px}
.fl_tl{background-position:-153px -196px}
.fl_tm{background-position:-172px -196px}
.fl_tn{background-position:-191px -196px}
.fl_to{background-position:-210px -196px}
.fl_tr{background-position:-229px -196px}
.fl_tt{background-position:-248px -196px}
.fl_tv{background-position:-1px -209px}
.fl_tw{background-position:-20px -209px}
.fl_tz{background-position:-39px -209px}
.fl_ua{background-position:-58px -209px}
.fl_ug{background-position:-77px -209px}
.fl_um{background-position:-96px -209px}
.fl_us{background-position:-115px -209px}
.fl_uy{background-position:-134px -209px}
.fl_uz{background-position:-153px -209px}
.fl_va{background-position:-172px -209px}
.fl_vc{background-position:-191px -209px}
.fl_ve{background-position:-210px -209px}
.fl_vg{background-position:-229px -209px}
.fl_vi{background-position:-248px -209px}
.fl_vn{background-position:-1px -222px}
.fl_vu{background-position:-20px -222px}
.fl_wf{background-position:-39px -222px}
.fl_ws{background-position:-58px -222px}
.fl_ye{background-position:-77px -222px}
.fl_yt{background-position:-96px -222px}
.fl_za{background-position:-115px -222px}
.fl_zm{background-position:-134px -222px}
.fl_zw{background-position:-153px -222px}
.fl_e1{background-position:-172px -222px}
.fl_e2{background-position:-191px -222px}
.fl_e3{background-position:-210px -222px}
.fl_e4{background-position:-229px -222px}
.fl_kv{background-position:-248px -222px}
.fl_x0{background-position:-1px -235px}
.fl_x9{background-position:-20px -235px}