body { margin: 0; font-family: Arial; }
.migi { padding:10px; }
.comdet { font-size:9pt; border-top:1px solid #A9A9A9; padding:10px; background-color:#F5F5DC; }
.uright { font-size:9pt;text-align:right;float:right;margin-top:5px;margin-right:10px; }
.wiper { padding:10px;border-top:10px solid #B22222; margin-top:20;x }
.recomo { padding:10px;border-bottom:2px solid #ccc; }
.adminbox { float:right;width:200px;text-align:right; border-radius:10px; padding:10px;border:3px solid #D2691E;background-color:#F5DEB3; }
.adminth { float:left;width:75px;height:auto;padding:5px; border-radius:10px; }
.dopi { width:200px;border:2px solid #ccc;border-radius:10px;padding:10px;background-color:#fff;position:absolute;z-index:999; }
.oxo { width:20px !important; }
.bigo { width:300px !important;padding:20px; }
.bigro { width:300px !important;padding:20px; background-color:#8b0000 !important; }
.topb { background-color:#ccc;border-radius: 10px 10px 0 0; padding:7px; text-align:center; font-weight:bold; border-bottom: 2px solid #a9a9a9; border-top:2px solid #ccc; border-left: 2px solid #ccc; border-right: 2px solid #ccc;  }
.botb { border-left:2px solid #a9a9a9; border-right:2px solid #a9a9a9; border-bottom:2px solid #a9a9a9; border-radius: 0 0 10px 10px; padding:10px; }
.sidb { border-left:2px solid #a9a9a9; border-right:2px solid #a9a9a9; padding:10px; }
.superbox { padding:20px; border:5px dashed #262626; border-radius:20px; background-color: #D2B48C;}

#supsi { color:#000; background-color:#fff; height:300px;padding:20px;margin:auto;max-width:500px; text-shadow: 0 0 0 !important; }
#supsiw { background-color:#000; display:none; height:300px; }

#hmnav { display:none; }
#hmnav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 300px;
}
#hmnav li a {
	text-shadow: 0 0 0 !important; 
    display: block;
    color: #eee;
    padding: 8px 0 8px 16px;
    text-decoration: none;
}
#hmnav li a:hover {
    background-color: #555;
    color: #000;
}

#EditMainPhoto { text-shadow: 0 0 0 !important; }
#bedd td { border:2px solid #a9a9a9; padding:5px; }
#spicla { font-size:16pt;text-shadow: 0 0 0 !important; text-align:center; }
#closer { text-align:right; }
#closer a { text-decoration: none; color:#000; }
#forma { text-shadow:0 0 0 !important; max-width:400px; }
#mybestprofile { max-width:300px;height:auto;border:0; }
#loadmo { text-align:center; text-shadow: 0 0 0 !important; padding-bottom:40px;}
#searchbox { width:350px;margin:auto; padding:10px; text-align:right; background-color:#fff; }
#innersearch { margin-top:50px; border:3px solid #ccc;border-radius:10px; padding:10px; position:fixed; background-color:#000; }
#sbox { float:left; }
#closesearch { width:30px;float:right; }
#closesearch a { text-decoration: none; }
.stt { display:table; }
.str { display:table-row; }
.std { display:table-cell; }
.hiding { height:0px;display:none; }
.seeme { height:auto;display:visible; }
.promoc { padding:10px; }
.promoc img { padding:10px; width:60px !important;height:auto !important;float:left; }
#scoutwide { width:350px; margin:auto; text-align:center; }
#scoutbanner { text-align:center; text-shadow: 0 0 0 !important; position: fixed; background-color:#ccc; border-radius:10px; padding:5px;  }
#scoutform { text-shadow: 0 0 0 !important; max-width:400px; }
#rateform { text-shadow:0 0 0 !important; }
.ratetop { color: #B22222; font-weight: bold; font-size:140%; }
.ratename { font-weight:bold; }
.ratetext { font-size:96%; padding:10px; margin:10px;}

.myhead { clear:both; }
.myhead h2 { font-size:110%; background-color:#ccc; border-radius:10px;padding:5px; }
.smallbill { max-width:150px; height: auto; border-radius:5px; }
.bling { 
display:none;
background-color:#000;
color:#000;
padding:10px;
min-width:100%;
min-height: 100px;
 }
#playa { max-width:1000px;margin:auto; background-color:#fff;padding:10px;border-radius:5px; }
#brwrap { padding:5px; }
#brwrap img { max-width:50px; height:auto; }
.minibrwrap { padding:5px; }
#copyr { clear:both; text-align:center; font-size:80%; width:100%; text-shadow:0 0 0 !important; padding:10px; }
.sbp { cursor:pointer; }
.noshadow { text-shadow: 0 0 0 !important; }
#RaceName { font-size:140%; font-weight:bold; }
.miniRaceName { font-size:140%; font-weight:bold; }
.miniRunnerRating { font-size:120%;width:160px;color:#B22222; text-align:center; border-radius:10px; }
.maincomment { padding:10px; border-top:1px solid #ccc; border-bottom: 1px solid #ccc; font-size:11pt; }
.whyposter { color: #22aadd; font-weight: bold; }

.minibuckets { padding-left:5px; width:50px; height:50px; float:left; }
.minibuckets img { height:50px !important;width:auto !important; }
.minididit {  padding-left:5px; width:50px;height:50px; float:left; }
.minididit img { height:50px !important;width:auto !important; }
.mini-brr-norating { clear:both; background-image:url(/ui/50/getscored.png);background-repeat:no-repeat;width:185px;height:50px;float:left; cursor:pointer; }
.mini-brr-rating { clear:both; text-align:right; color:#fff; background-image:url(/ui/50/racescore.png);background-repeat:no-repeat;width:185px;height:50px; float:left; cursor:pointer; }
.mini-brr-score { right:8px;top:8px;position:relative; font-size:170%; font-weight:bold; }

@media only screen and (max-width: 320px) {
#mlwrap { display:none; }
#direform { text-shadow: 0 0 0 !important; }
#promo { width: 320px; }
#promo img { width: 100%; height:auto; }
.miniscoutpic { clear:both;text-shadow:0 0 0 !important; padding:10px; font-size:12pt; text-align:center; }
.miniscoutpic img { width:100%; height:auto; }
#hmlnk { width:20px;  float:right; }
.miniyoucountdude { text-align:center; }
body { font-size:80% !important; }
#logo { width:160px; float:left; z-index:999; }
#logo img { width:150px;height:auto; }
#content-xr { padding-right:10px;padding-left:10px; }
#loginpop { text-shadow: 0 0 0 !important; }
#showlogin { text-shadow:0 0 0 !important; }
#rightloginform { text-shadow:0 0 0 !important; border:3px solid #ccc; border-radius:10px; padding:10px; display:none; }
#rightloginform h2 { font-size:100%; background-color:#FFD700;border:1px solid #FFD700;border-radius:10px;padding:10px;text-align:center; }
.minibigwriteup { height:112px;overflow:hidden; }
.minimorea { background-color:#ccc;border:1px solid #ccc;border-radius:10px;text-align:center;font-size:90%; text-shadow:0 0 0 !important; margin-bottom:30px; }
.TopMenuContainer { display:none; }
ul#topnavigation { display:none; }
.hihi { color: #DC143C; }
html, body { height: 100%; }
.MenuContainer { height: 70px; bottom:0; }
ul#navigation { position: fixed; bottom: 0; width: 100%; height: 50px; list-style: none; margin: 0; padding: 0; border: 1px solid #ccc; border-width: 1px 0; text-align: center; font-size: 22px; font-family: Arial, sans-serif; background-color: #000; z-index:999; }
ul#navigation li { display: inline; margin-right: .75em; list-style: none; margin: 0; padding: 12px; }
ul#navigation li.last { margin-right: 0; }
h1 { text-align:center; font-size:140%; }
#prizes {  }
#prize-money { padding:5px; text-align:center; text-shadow:0 0 0 !important; }
#prize-link { padding:5px; text-align:center; text-shadow:0 0 0 !important; }
#prize-link a {text-shadow:0 0 0 !important; }
#racelink { text-align:center;  }
#racelink button { margin:auto; width:100%; background-color:#B22222; padding:5px !important; }
#reslink button { margin:auto; width:100%; background-color:#B22222; padding:5px !important; }
#logoim { width:100%; height:auto;  }
.minilogoim { width:100%; height:auto;  }
#racelogo img { max-width:780px;width:100%;height:auto; }
.miniracelogo img { max-width:780px;width:100%;height:auto; }
#brrtop { width:100%; }
#brrtop img { width:320px; height:auto; }
#brrcorner { display:none; width:0; }
#brrnunu img { width:320px;height:auto; }
#logowrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100px;
        text-align:left;
        background-color:#000;
}

#overall { width:100%; }
#agresults { width:100%; }
#xtmap { width:100%;margin:auto; text-align:center;  text-shadow:0 0 0 !important; }
#mapper { width:100%;margin:auto;border:0;height:200px; }
#xtcomment { width:100%; text-shadow: 0 0 0 !important;  }
#xtcomment h3 { text-align:center; }
#xtcomment h3 a { color:#b22222; text-decoration:none; }
#contentwrap { margin-top:50px; }
}

@media only screen and (max-width: 1024px) AND (min-width:321px)  {
.miniscoutpic { clear:both;text-shadow:0 0 0 !important; padding:10px; font-size:12pt; text-align:center; }
.miniscoutpic img { min-width:100%; width:100%; height:auto; }
#direform { text-shadow: 0 0 0 !important; }
#promo { text-align:center; }
#promo img { width:100%; height: auto; }
#nlog { width:140px;float:left; }
#hmlnk { width:240px; float:right; text-align:right;}
.miniyoucountdude { text-align:center; }
.dxtab { }
.dxtr { }
.dxtd { }
.touchcarousel img { max-width:120px;height:auto; }
.touchcarousel { height:180px !important; }
.touchcarousel-item { height:140px !important; }
#logo { width:170px; z-index:999; float:left;}
#logo img { width:160px;height:auto; padding-left:10px;}
.lmob { width:120px;height:auto; padding-left:10px; }
#mlwrap { display: none; }
#content-xr { padding-right:10px;padding-left:10px; }
#loginpop { text-shadow: 0 0 0 !important; }
#showlogin { text-shadow:0 0 0 !important; }
#rightloginform { text-shadow:0 0 0 !important; border:3px solid #ccc; border-radius:10px; padding:10px; display:none;  }
#rightloginform h2 { font-size:100%; background-color:#FFD700;border:1px solid #FFD700;border-radius:10px;padding:10px;text-align:center; }
#bigwriteup { height:112px;overflow:hidden;  }
.minibigwriteup { height:112px;overflow:hidden; }
.minimorea { background-color:#ccc;border:1px solid #ccc;border-radius:10px;text-align:center;font-size:90%; text-shadow:0 0 0 !important; margin-bottom:30px; }
.TopMenuContainer { display:none; }
ul#topnavigation { display:none; }
.hihi { color: #DC143C; }
html, body { height: 100%; }
.MenuContainer { height: 70px; bottom:0; }
ul#navigation { position: fixed; bottom: 0; width: 100%; height: 50px; list-style: none; margin: 0; padding: 0; border: 1px solid #ccc; border-width: 1px 0; text-align: center; font-size: 22px; font-family: Arial, sans-serif; background-color: #000; z-index:999; }
ul#navigation li { display: inline; margin-right: .75em; list-style: none; margin: 0; padding: 12px; }
ul#navigation li.last { margin-right: 0; }
h1 { text-align:center; font-size:120% !important; font-weight:bold;  }
#prizes {  }
#prize-money { padding:5px; text-align:center; text-shadow:0 0 0 !important; }
#prize-link { padding:5px; text-align:center; text-shadow:0 0 0 !important; }
#prize-link a {text-shadow:0 0 0 !important; }
#racelink { text-align:center;  }
#racelink button { margin:auto; width:100%; background-color:#B22222; padding:5px !important; }
#reslink button { margin:auto; width:100%; background-color:#B22222; padding:5px !important; }
#logoim { width:100%; height:auto;  }
.minilogoim { width:100%; height:auto;  }
#racelogo img { max-width:780px;width:100%;height:auto; }
.miniracelogo img { max-width:780px;width:100%;height:auto; }
#brrtop { width:100%; }
#brrtop img { width:320px; height:auto; }
#brrcorner { display:none; width:0; }
#brrnunu img { width:320px;height:auto; }
#logowrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100px;
        text-align:center;
        background-color:#000;
}

#overall { width:100%; }
#agresults { width:100%; }
#xtmap { width:100%;margin:auto; text-align:center;  text-shadow:0 0 0 !important; }
#mapper { width:100%;margin:auto;border:0;height:200px; }
#xtcomment { width:100%; text-shadow: 0 0 0 !important;  }
#xtcomment h3 { text-align:center; }
#xtcomment h3 a { color:#b22222; text-decoration:none; }
#contentwrap { margin-top:50px; }
}

@media only screen and (min-width: 1025px) {
#nlog { display: none; }
#mlwrap { max-width:1000px;margin:auto; display:none; }
h1 { padding-left:20px;font-size:160%; }
#direform { text-shadow: 0 0 0 !important; width:420px; float:left; }
#promo { width: 370px; float:right; }
.miniscoutpic { clear:both;text-shadow:0 0 0 !important; padding:10px; font-size:12pt; text-align:left; }
.miniscoutpic img { max-width:980px; width:100%; height:auto; }
#hmlnk { display: none; }
.miniyoucountdude { text-shadow: 0 0 0 !important; padding-top:20px; font-weight:bold; }
.dxtab { display: table; }
.dxtr { display: table-row; }
.dxtd { display: table-cell; width:180px;padding:10px; }
#logo { max-width:280px; margin-left:50px; z-index:999; }
#logo img { max-width:280px;height:auto; }
#content-xr { padding:10px; }
#showlogin { height:0;display:none;visibility:hidden; }
#loginpop { display: none; }
#rightloginform { width:400px;float:right;  text-shadow:0 0 0 !important; border:3px solid #ccc; border-radius:10px; padding:10px; margin-top:50px;  }
#rightloginform h2 { font-size:100%; background-color:#FFD700;border:1px solid #FFD700;border-radius:10px;padding:10px;text-align:center; }
#bigwriteup { }
.minimorea {display:none;height:0px; }
.MenuContainer { display:none; }
ul#navigation { display:none; }
.TopMenuContainer { max-width:1000px;margin:auto; }
#sayname { text-shadow:0 0 0 !important; width:440px; float:right; padding-top:50px; }
#blkwrap { width:100%;background-color:#000; }
ul#topnavigation { max-width:1000px;  list-style: none; margin: auto; padding: 0; background-color: #000; z-index:999; }
ul#topnavigation li { display: inline; margin-right: .75em; list-style: none; margin: 0; padding: 6px; }
ul#topnavigation li.last { margin-right: 0; }
#contentwrap { margin-top:50px; }
#logoim { width:260px;padding-left:10px;float:right; }
.minilogoim { width:260px;padding-left:10px;float:right; }
#racelogo img { max-width:250px;width:100%;height:auto; }
.miniracelogo img { max-width:250px;width:100%;height:auto; }
#brrtop { display: none; width:0; }
#brrcorner { float:right; z-index: 99; margin:0; padding:0; position:relative;right:-3px;top:-3px; }
#brrnunu img { width:320px;height:auto; }
#logowrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100px;
        text-align:left;
        background-color:#000;
}
#overall { width:480px;float:left; }
#agresults { width:480px;float:right; }
#overall td { height:20px; }
#agresults td { height: 20px; }
#wrapmapco { padding:10px; }
#xtmap { width:470px; text-shadow:0 0 0 !important; float:left; }
#mapper { width:100%;border:0;height:200px; }
#xtcomment { width:470px; text-shadow:0 0 0 !important;float:right; }
#xtcomment h3 { text-align:center; }
#xtcomment h3 a { color:#b22222; text-decoration:none; }
#prizes { width:480px; float:left; }
#prize-money { padding:5px; width:220px; float:left; text-align:center; text-shadow:0 0 0 !important; }
#prize-link { padding:5px; width:220px;float:right; text-align:center; text-shadow:0 0 0 !important; }
#prize-link a {text-shadow:0 0 0 !important; }
#racelink { text-align:center; max-width:320px; }
#racelink button { max-width:320px; padding:5px !important; background-color:#B22222; }
#reslink button { max-width:320px; padding:5px !important; background-color:#B22222; }
}
#content-ar { max-width:1000px; margin:auto; min-height:400px; background-color:#fff !important; color:#000; padding:0px; }
#racelogo { text-shadow:0 0 0 !important; }
.miniracelogo { text-shadow:0 0 0 !important; }
.miniracepic { clear:both;text-shadow:0 0 0 !important; padding:10px; }
.miniracepic img { max-width:980px; width:100%; height:auto; }
#writeup { text-shadow:0 0 0 !important; padding:10px; }
#writeup img { max-width:980px; width:100%; height:auto; }
#reslink { text-align:center; }
#reglink { max-width:200px; }
#reglink button { max-width:200px; padding:5px !important; }
.tok { padding:3px; background-color:#B22222;border:1px solid #B22222; text-align:center; font-size: 82%; border-radius: 5px 5px 0 0; color:#fff; text-shadow:0 0 0 !important; }
.fok { padding:3px; background-color:#dddddd; border:1px solid #fff; font-size: 82%; text-shadow:0 0 0 !important; }
.fak { padding:3px; background-color:#ccc; border:1px solid #fff; font-size: 82%; text-shadow:0 0 0 !important; }
.fokr { padding:3px; background-color:#BC8F8F; border:1px solid #fff; font-size: 82%;  text-shadow:0 0 0 !important; }
.resD { width: 80px; }
.resT { width: 64px; }
.resN { width: 160px; }
.resA { width: 44px; }
.ce { text-align:center; }
img { max-width: 100%; height: auto; }
input {
 	width:100%;
}
#spotlight {
  background: #000;
  border: 1px solid #AAA;
  box-shadow: 0px 2px 3px 0px #AAA;
  padding: 0px;
  margin-top: 15px;
  margin-right: 7.5px;
  margin-bottom: 15px;
  margin-left: 7.5px;
  overflow: hidden;
  border-radius: 3px;
}
.card {
  background: #000;
  border: 1px solid #AAA;
  box-shadow: 0px 2px 3px 0px #AAA;
  padding: 0px;
  margin-top: 15px;
  margin-right: 7.5px;
  margin-bottom: 15px;
  margin-left: 7.5px;
  overflow: hidden;
  border-radius: 3px;
}
.card h1 {
  margin: 0px;
  padding: 10px;
  padding-bottom: 0px;
}
.card p {
  margin: 0px;
  padding: 10px;
}
.card-image {
  width: 100%;
  height: auto;
  padding: 0px;
  margin: 0px;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  text-align:center;
}
.card-image .banner {
  height: 50px;
  width: 50px;
  top: 0px;
  right: 0px;
  background-position: top right;
  background-repeat: no-repeat;
  background-image: url('../images/new.png');
  position: absolute;
}
.card-image h1, 
.card-image h2, 
.card-image h3, 
.card-image h4, 
.card-image h5, 
.card-image h6 {
  position: absolute;
  bottom: 0px;
  width: 100%;
  color: white;
  background: rgba(0,0,0,0.65);
  margin: 0px;
  padding: 6px;
  border: none;
}
div.holoPressEffectDiv {
	background-color: #CCCCCC;
}


#mbrhead { margin:auto; text-align:center; }
#mbrhead img { width:100%; max-width:1920px; height:auto;}
.htt { display: table; margin:auto;}
.htr { display: table-row; }
.htd { display: table-cell; }
.htd img { width:100%;height: auto; max-width:640px; }
.ovr { position: absolute; left:10px; top: 40px; z-index:99 }
#zipper { width:100%; max-width:1920px; position:fixed; display:none; text-align:center; }
#zipwrap { width:500px; height:150px; margin:auto; background-color:#000; color:#fff; border-radius: 10px; border:3px solid #fff;padding-top:50px; }
#zipper input { background-color:#fff; border:1px solid #ccc; height:30px; width:100px; color:#000; }
#zipper button { width:60px; height: 30px; color:#000; }
#zipper a { color: #fff; }

@media only screen and (max-width: 1023px) {
#zipper { top: 100px; }
}
@media only screen and (min-width: 1024px) {
#zipper { top: 600px; }
}