@charset "utf-8";

body, html { width:100%; height:100%; }
ul, ol, li { list-style-type: none; margin:0; padding:0; }

a img { border:0; }

a {color:#cc0000;}
a:hover { text-decoration:none;}
.cl { display:block; clear:both; height:0px; line-height:0px; font-size:0px;}
.fr {float:right!important; margin-right:0!important;}
.inv-link a { text-decoration:none; color:#333;}
.inv-link a:hover { text-decoration:underline; color:#cc0000;}

h1, h2, h3, h4, h5, h6, table h1, table h2, table h3, table h4, table h5, table h6{ color:#333; margin:0; padding:0; font-weight: normal; }
table p {margin:0; line-height:16px;}

p { line-height:20px; padding:0; margin:0; margin-top:12px;}

h1 { font-family: "PF Din Text Cond Pro Medium", "Arial Narrow"; text-transform:uppercase; font-size:36px; line-height:36px; margin-top:20px;}
h1 a { text-decoration:none; color:#333;}
h1 a:hover { color:#cc0000;}

h2 { font-family: "PF Din Text Cond Pro Medium", "Arial Narrow"; text-transform:uppercase; font-size:30px; margin-top:20px; line-height:30px;}
h2 a { text-decoration:none; color:#333;}
h2 a:hover { color:#cc0000;}

h3 { font-size:24px; margin-top:20px; line-height:26px;}
h3 a { text-decoration:none;}
h3 a:hover { text-decoration:underline;}

h4 { font-size:21px; margin-top:20px; line-height:23px;}
h4 a { text-decoration:none;}
h4 a:hover { text-decoration:underline;}

h5 { font-size:18px; margin-top:15px; line-height:20px;}
h5 a { text-decoration:none;}
h5 a:hover { text-decoration:underline;}

h6 {font-size:11px; font-family:Tahoma, Geneva, sans-serif;}

body {
margin:0; padding:0;
background: #FFF;
	color: #222;
	font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
	font-size: 11px;
	line-height: 135%;
}
.container { width:80%; max-width:1280px; margin:10px auto 0 auto; position:relative; min-height:100%; position:relative;}
.header, .content { position:relative; }
.content { padding: 1px 0; display:flex; flex-wrap:wrap; align-items:flex-start; }
.header { height:300px;}
.logo { position:absolute; z-index:5; top:20px; left:-10px;}
.nav { padding-left:140px; position:relative; height:90px; padding-top:30px;}
.nav a { display:block;}
.nav-1 a, .nav-2 a { padding:0 12px;}

.nav ul { clear:both; position:relative; margin: 0; padding: 0; height: 30px;}
.nav ul.nav-1 {padding-left:6px; }
.nav ul li { margin:0; padding:0; float:left; font-size: 20px; line-height:30px; height:30px; text-transform: uppercase; font-family: "PF Din Text Cond Pro Medium Italic", "Arial Narrow"; position:relative; overflow: hidden; //font-weight: bold; //font-style: italic; //font-size: 18px; }
.nav ul li a { text-decoration:none; color:#333;}
.nav ul li a:hover {color:#cc0000;}
.nav ul li.active a {background-color:#cc0000; color:#fff;}

.footer { clear:both; height:60px;  margin:0 auto; margin-top:-60px; position:relative; width:824px;}
.footer-spacer {height: 100px;}

.col-left {width:69%; float:none; position:relative; order:1;}
.col-right {margin-left:2%;width:29%; float:none; position:relative; order:2;}

.results-table { border-collapse:collapse; border: 1px solid #CCC; margin-top:10px; }

.results-table-stage:hover { background-color:#fff; cursor:default;}
.results-table tr:hover {background-color: #f4f4f4; }
.results-table td { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 6px 0; }
.results-table td.results-table-place { line-height:21px; padding-right:5px;}
.results-table thead td { background-color: #eaeaea; font-size: 11px; line-height: 24px; font-family: Tahoma; padding: 0; }
.results-table td.results-table-pl { padding-left:5px;}

.sort { clear:both; margin: 0; padding: 0;}
.sort li {  margin: 0; padding: 0; float:left; line-height:24px; position:relative; }
.sort li a { text-decoration:none; display:block; padding: 0px 12px; background-color: #eaeaea; color:#333;  }
.sort li.active a {background-color:#cc0000; color:#fff!important;}

.tabs { margin: 0; padding: 0;}
.tabs li {  margin: 0; padding: 0; float:left; border-bottom:0; position:relative; background-color: #eaeaea; line-height:28px;}
.tabs a { text-decoration:none; display:block; padding: 0px 14px; font-weight:bold; color:#333; }

.tabs li a:hover, .sort li a:hover {color:#cc0000;}

.wbr, .wtl { background-image: url(/img/wc.png); display:block; position: absolute; z-index: 5; height:100%; width:6px;  top: 0px;  }
.wbr { background-position: left bottom; right: 0px; }
.wtl { background-position: top right; left: 0px; }

.panes { margin-top:5px;}
.tabs a.current {background-color:#cc0000; color:#fff!important;}

.tabs-head { font-size:16px; margin-top:10px;}

.tooltip { position:absolute; z-index:5; color:#fff!important; font-family:Tahoma; font-size:11px; text-align:left; line-height:20px; padding:0 10px 0 0; background-image: url(/img/tooltip-r.png); background-repeat: no-repeat; background-position: right top; }
.tooltip-content { padding-left:10px; background-image: url(/img/tooltip-l.png); background-repeat: no-repeat; background-position: left top; }
.results-table .tooltip {margin-top:-30px; display:none; margin-left:20px;}
.results-table-stage:hover .tooltip { display:block;}

.form-input { width: 100%; border: 1px solid #CCC; font-size: 14px; letter-spacing:0px!important; }
.form-input-l { font-size: 21px;}
.form-input:focus {border-color: #cc0000;}
.form-fail { background-color:#ffcccc; border-color: #cc0000;}
.form-ok { background-color:#ccffcc; border-color: #390;}

.form-button { margin-top:20px; background-color:#cc0000; color:#fff; border:0; height:24px;}
.form-button-l {font-size:16px; height:26px;}
.form-button:hover {cursor:pointer;}
.form-button-s {height:20px; font-size:13px;}
table .form-button {margin:0;}

.link-exit {color:#999; text-decoration:none;}
.link-button { background-color:#cc0000; color:#fff; padding: 0 8px; text-decoration:none; display:block; float:left; line-height:24px; font-size:13px;}

.racer-profile {margin:20px 0;}
.car-profile {margin:10px 0;}
.racer-profile p, .car-profile p { margin-top:8px;}

.reg-table {margin-top:10px;}
.reg-table .form-input {margin-top:5px;}
.reg-table td {padding: 5px 0;}

hr { border: 1px solid #CCC; margin: 20px 0;}

.user-bar { position:fixed; z-index:25; bottom:0; height:30px; background-color:#eaeaea; width:100%; border-top-width: 3px; border-top-style: solid; border-top-color: #999; left:0; right: 0; }
.user-bar-content { width:824px; margin:0 auto; font-size: 13px; line-height: 30px; }

/* uber-msg */
.uber-msg-box { position: fixed; bottom: 40px; font-size: 13px; z-index: 500; right:0; width: 100%; }
.uber-msg {padding:10px; margin: 0 auto; clear: both; width: 35%; position: relative; }
.uber-msg p { font-size: 12px; }

/* veer */
.block-content {
  padding: 5px;
  background: none repeat scroll 0 0 #E4EAF2;
  margin: 1px;
}
.right-block {
  margin-bottom: 15px !important;
}
#vn-nav {
  height: 200px;
  width: 500px;
}


input,
textarea,
select{
	background: #FFF;
	border: 1px solid #4C77B6;
	color: #000;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	margin: 5px;
	padding: 2px;
	vertical-align: middle;
}
input.button{
	margin: 0;
	width: auto;
	cursor: hand;
	cursor: pointer;
}

.textarea,
.searchinput,
.button,
.gobutton{
	background: #FFF;
	border: 1px solid #4C77B6;
	color: #000;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	padding: 2px;
	vertical-align: middle;
}

.button{
	background: #DFE6EF;
}

.button.disable {
  background-color: #CFCFD1;
  color: #858687;
  border-color: #BABEC4;
}

.gobutton{
	background: transparent;
	border: 0;
	color: #072A66;
	margin: 0;
	vertical-align: middle;
}
.radiobutton,
.checkbox,
.helpbox {
	border: 0;
	vertical-align: middle;
	background: transparent;
}

.fieldwrap{
	background: #F9F9F9;
	border: 1px solid #CCC;
	border-top: 0;
	padding: 0;
	text-align: center;
}

.fieldwrap h4{
	background: #EEE;
	border: 1px solid #CCC;
	border-left: 0;
	border-right: 0;
	color: #444;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	text-align:left;
}
td.formbuttonrow,
.pformstrip,
.borderwrap p.formbuttonrow,
.borderwrap p.formbuttonrow1{
	background: #D1DCEB !important;
	border: 1px solid #FFF;
	border-top: 1px solid #5176B5;
	margin: 0px !important;
	padding: 5px !important;
	text-align: center;
}

td.formbuttonrow{
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}
.errorwrap {
	background: #F2DDDD;
	border: 1px solid #992A2A;
	border-top: 0;
	margin: 5px;
	padding: 0;
}


.errorwrap h5 {
	background: #E3C0C0;
	border: 1px solid #992A2A;
	border-left: 0;
	border-right: 0;
	color: #992A2A;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 5px;
}

.errorwrap p {
	background: transparent;
	border: 0;
	color: #992A2A;
	margin: 0;
	padding: 8px;
}

#veer_header{
	min-height: 60px;
	height: auto;
	width: 100%;
	display: table;
	background-color: #F9F9F9;
	border: 1px solid #CCC;
	color: #5176B5;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
	padding: auto;
}
#veer_header td {
    vertical-align: middle;
}
#veer_header .header-menu-cell {
    padding: 6px 10px;
}
#veer_header .header-menu-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 22px;
    margin: 0;
    padding: 4px 0 4px 0;
    text-align: left;
    list-style: none;
}
#veer_header .header-menu-links li {
    position: relative;
    margin: 0;
    padding: 0 0 0 16px;
    text-align: left;
}
#veer_header .header-menu-links li:before {
    content: "•";
    position: absolute;
    left: 0;
    top: 1px;
    color: #5176B5;
    font-size: 14px;
    line-height: 20px;
}
#veer_header a:link,
#veer_header  a:visited,
#veer_header a:active{
	background-color: transparent;
	color: #5176B5;
	font-weight: bold;
	font-size: 14px;
	margin: 0px;
	padding: 2px 0;
	text-decoration: none;
	line-height: 20px;
}

#veer_header a:hover{
	color: #222;
}

#submenu{
	background: transparent url(/layout/images/tile_sub_up.gif);
	border: 1px solid #CCC;
	color: #3A4F6C;
	margin: 0;
	height: 29px;
	text-align: right;
}

a:link,
a:visited,
a:active{
	background: transparent;
	color: #222;
	text-decoration: underline;
}

a:hover{
	background: transparent;
	color: #34498B;
}

.ipb-top-left-link,
.ipb-top-right-link
{
	background: transparent;
	float: right;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.5px;
	margin: 0px;
	padding: 7px 0 7px 0;
	width: auto;
	border-left:  1px solid #dce3ee;
}

.ipb-top-left-link
{
	float: left;
	border-left: 0px;
	border-right: 1px solid #dce3ee;
}

.ipb-top-left-link a:link,
.ipb-top-left-link a:visited,
.ipb-top-right-link a:link,
.ipb-top-right-link a:visited
{
	background: transparent;
	color: #3A4F6C;
	padding: 0 6px 0 6px;
	text-decoration: none;
}

.ipb-top-left-link a:hover,
.ipb-top-left-link a:active,
.ipb-top-right-link a:hover,
.ipb-top-right-link a:active
{
	background: transparent;
	color: #5176B5;
}

#userlinks,
#userlinksguest{
	background: #F0F5FA;
	border: 1px solid #C2CFDF;
	margin: 5px 0 5px 0;
	padding: 0 5px 0 4px;
}

#userlinksguest.red {
	background: #F4E7EA;
	border: 1px solid #986265;
}

#userlinks p,
#userlinksguest p{
	background: transparent !important;
	border: 0 !important;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 !important;
	padding: 3px 0 3px 0;
	text-align: right;
}

#userlinks p,
#userlinksguest p{
	font-weight: normal;
	letter-spacing: 0;
}

#userlinksguest p.pcen{
	text-align: center;
}

#userlinks p.home,
#userlinksguest p.home{
	float: left;
}

.copyright{
	background: #EEE;
	font-size: 11px;
	margin: 15px 0 5px 0;
	padding: 8px;
	text-align: center;
    position: relative;
}
.copyright-contact {
    right:10px;
    color:#AAAAAA;
    position:absolute; 
}
.copyright-contact a {
    text-decoration: none;
    color:#AAAAAA;
}
.copyright-contact a:hover {
    text-decoration: underline;
}

img {
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 980px) {
    .container {
        width: auto;
        margin: 10px 12px 0 12px;
    }

    #veer_header {
        display: block;
        height: auto;
    }

    #veer_header tbody,
    #veer_header tr,
    #veer_header td {
        display: block;
        width: auto !important;
        text-align: center !important;
    }

    #veer_header td {
        padding: 8px 10px;
    }

    #veer_header td:first-child {
        padding-bottom: 0;
    }

    #veer_header td:last-child {
        padding-top: 6px;
    }

    #veer_header .header-menu-links {
        grid-template-columns: 1fr;
        gap: 2px 0;
        padding-left: 22px;
    }

    #veer_header a {
        display: inline;
        line-height: 1.4;
    }

    .content {
        display: block;
    }

    .col-left,
    .col-right {
        width: 100%;
        margin-left: 0;
        float: none;
    }

    .col-right {
        margin-top: 15px;
    }

    .copyright {
        padding: 12px 8px 36px 8px;
    }

    .copyright-contact {
        position: static;
        display: block;
        margin-bottom: 6px;
    }
}

@media screen and (max-width: 640px) {
    body {
        font-size: 12px;
    }

    #veer_header a:link,
    #veer_header a:visited,
    #veer_header a:active {
        font-size: 14px;
        padding: 4px 6px;
    }

    .borderwrap table th,
    .subtitle,
    .subtitlediv,
    .postlinksbar {
        letter-spacing: 0;
    }

    .ipbtable td,
    .divpad {
        padding: 4px;
    }

    input,
    textarea,
    select {
        max-width: calc(100% - 12px);
        box-sizing: border-box;
    }
}

.borderwrap,
.borderwrapm{ /* this will affect the outlining border of all the tables and boxes through-out the skin. */
	background: #FFF;
	border: 1px solid #072A66;
	padding: 0px;
	margin: 0px;
}

.borderwrapm{
	margin: 5px;
}

.borderwrap h3,
.maintitle,
.maintitlecollapse{
	background: url(/layout/images/tile_cat.gif);
	border: 1px solid #FFF;
	border-bottom: 1px solid #5176B5;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 8px;
}

.maintitle td {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}


.maintitlecollapse{
	border: 1px solid #FFF;
}

.maintitle p,
.maintitlecollapse p,
.formsubtitle p{
	background: transparent !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.maintitle p.expand,
.maintitle p.goto,
.maintitlecollapse p.expand,
.formsubtitle p.members{
	float: right;
	width: auto !important;
}

.maintitle a:link,
.maintitle a:visited,
.maintitlecollapse a:link,
.maintitlecollapse a:visited{
	background: transparent;
	color: #FFF;
	text-decoration: none;
}

.maintitle a:hover,
.maintitle a:active,
.maintitlecollapse a:hover,
.maintitlecollapse a:active{
	background: transparent;
}

table th,
.borderwrap table th,
.subtitle,
.subtitlediv,
.postlinksbar{
	background: transparent url(/layout/images/tile_sub.gif);
	border-bottom: 1px solid #5176B5;
	color: #3A4F6C;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0;
	padding: 5px;
}

.subtitlediv{
	border: 1px solid #FFF;
	border-bottom: 1px solid #5176B5;
	text-align: right;
}

.borderwrap table th a:link,
.subtitle a:link,
.subtitlediv a:link,
.borderwrap table th a:visited,
.subtitle a:visited,
.subtitlediv a:visited,
.borderwrap table th a:active,
.subtitle a:active,
.subtitlediv a:active,
.borderwrap table th a:hover,
.subtitle a:hover,
.subtitlediv a:hover{
	background: transparent;
	color: #3A4F6C;
	text-decoration: none;
}

.borderwrap h4{
	background: #DDE6F2;
	border: 1px solid #FFF;
	border-bottom: 1px solid #5176B5;
	border-top: 1px solid #5176B5;
	color: #5176B5;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	text-align: left;
}

.borderwrap p{
	background: #F9F9F9;
	border: 1px solid #CCC;
	margin: 5px;
	padding: 10px;
	text-align: left;
}
.row1{
	background: #DFE6EF;
}

.row2{
	background: #E4EAF2;
}

table.ipbtable,
tr.ipbtable,
td.ipbtable
{ /* required for text in tables, because tables do not inherit from body */
	background: transparent;
	color: #222;
	font-size: 11px;
	line-height: 135%;
	width: 100%;
}

.ipbtable td,
.divpad{ /* gives all tables faux cellpadding of 5px */
	padding: 5px;
}

.postdetails{
	font-size: 10px;
	line-height:140%;
}
.postdetails .old-nicks {
    color: gray;   
}

.postcolor{
	font-size: 12px;
	line-height: 160%;
}
.post1,
.bg1{
	background: #F5F9FD;
}
.normalname{
	color: #003;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	display: block;
}

.normalname a:link,
.normalname a:visited,
.normalname a:active{
	font-size: 12px;
	text-decoration: none;
}

.catend {
    background: none repeat scroll 0 0 #8394B2;
    color: #000000;
    font-size: 1px;
    height: 5px;
}

.popupmenu, .popupmenu-new {
    background: none repeat scroll 0 0 #F0F5FA;
    border: 1px solid #3A4F6C;
    font-size: 10px;
    text-align: left;
    white-space: nowrap;
}

.popupmenu-category {
    background: url(/layout/images/tile_sub.gif) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #5176B5;
    border-top: 1px solid #5176B5;
    color: #3A4F6C;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0;
    padding: 5px;
}

.popupmenu-item-last {
    color: #000000;
    font-weight: normal;
    padding: 5px;
    white-space: nowrap;
}

.veer-block {
    background: none repeat scroll 0 0 #F0F5FA;
    border: 1px solid #C2CFDF;
    margin: 0;
    padding: 10px;   
}