/* CSS Document 
2015 Redesign
*/
html,body{
	font-family:"proxima-nova", sans-serif;
	font-size: 14px;
}
.tiny{
	font-size: 10px;
}
.small{
	font-size: 12px;
}
.medium{
	font-size: 14px;
}
.large{
	font-size: 16px;
}
.clear{
	clear: both;
	height: 0;
}
h1{
	font-size: 40px;
	font-weight:bold;
	margin-bottom: 10px;
	text-transform: uppercase;
}
h2{
	font-size: 32px;
	font-weight:bold;
	margin-bottom: 10px;
	text-transform: uppercase;
}
h3{
	font-size: 24px;
	font-weight:bold;
	margin-top: 10px;
	text-transform: uppercase;
}
td h3, th h3{
	margin: 0;
}
b,strong{
	font-weight: bold;
}
i,em{
	font-style:italic;
}
td{
	font-family:"proxima-nova", sans-serif;
}
th.right{
	text-align:right;
}
a{
	outline: none;
	color: #ce311f;
	text-decoration: none;
	font-weight: bold;
}
div.graypanel a:link, div.graypanel a:visited{
	color: #ce311f;
	font-weight: bold;
	text-decoration:none;
}
.error,.red,.errormessage{
	color: #cc0000;
}
.message,.green{
	color: #00cc00;
}
/* 2015 Redesign Specific Styles */
.sw_cta_button{
	color: #ffffff;
	background-color: #ce311f;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	padding: 20px 30px;
	margin-right: 10px;
	display: inline-block;
}
.sw_cta_button:hover{
	background-color: #ab291a;
}
/* Done with Redesign Styles */
#searchBox{
	background-color: #ffffff;
	width: 130px;
	height: 21px;
	padding: 2px 10px 0 10px;
	float: right;
}
#searchBox input{
	
}

#search{
	width: 734px;
	padding: 10px 10px 10px 232px;
}
#search label{
	display: inline-block;
	margin-right: 10px;
	float: left;
	line-height: 30px;
}
#search input.button{
	border: 1px solid #666666;
	color: #FFE01A;
	background-color:#000000;
	margin-left: 10px;
	border-radius: 10px;
	font-size: 14px;
	padding: 2px 5px;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom: -2px;
}
#genericDialog div.ui-dialog-content{
	background-color: #ffffff !Important;
}
div.sfbkgd{
	background-image:url(../images/2015/sf_left.png);
	height: 24px;
	padding: 3px;
	display: inline-block;
	float:left;
}
div.sfbkgd input {
	border: 0;
	margin-left: 10px;
	background-color: #000000;
	color: #cccccc;
	font-size:14px;
	height: 24px;
	width: 300px;
	line-height:24px;
	outline:none;
}

div.sfcap{
	display: inline-block;
	float: right;
	width: 31px;
	height: 30px;
	margin-bottom:-10px;
}

div.breadcrumb a:link, div.breadcrumb a:visited{
	text-decoration:none;
	color: #003366;	
	text-transform: uppercase;
	font-size:12px;
	margin-bottom: 10px;
}
#pageBookmarker{
	position:absolute;
	right:10px;
	top: 140px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	padding:2px 5px;
	font-size: 10px;
	background-color: #ffcc00;
	z-index:50;
	box-shadow: 5px 5px 5px #333333;
	-moz-box-shadow: 5px 5px 5px #333333;
	-webkit-box-shadow: 5px 5px 5px #333333;
}
#pageBookmarker a:link, #pageBookmarker a:visited{
	color: #000000;
	text-decoration:none;	
}

/* carried over styles from the original usacstyle.css file */
.tablecolumnheading {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	background-color: #003366;
	color: #ffffff;
}
.tablecolumnheading a:link, .tablecolumnheading a:visited{
	color: #ffffff;
}
.tablecolumnheading a:hover{
	color: #cccccc;
}
#memberLicenses tr:last-child{
	border-bottom: none;
}
tr.licenseType{
	border-bottom: 1px solid #666666;
	margin-bottom: 10px;
}
tr.licenseType td{
	padding-top: 5px;
	padding-bottom: 5px;
}
.homearticlebodyred{
	color: #ff0000;
	font-size:14px;
}
.sponsored{
	font-weight: bold;
}
.ordersummaryline{
	font-weight:bold;
	vertical-align:top;
	background-color:#999999;
}
.subhead{
	color: #666666;
}
/*table td{
	padding: 10px;
}*/
#content th.tablecolumnheading, #content th{
	background-color: #003366;
}
#content th.tablecolumnheading a:link,#content th.tablecolumnheading a:visited, #content th a:link, #content th a:visited{
	font-size: 12px;
	color: #ffffff;
	text-decoration:none;
}
#content th.tablecolumnheading a:hover{
	color: #6699CC;
}
.homearticleheader {
	font-weight: bold;
	color: #525252;
	text-align: left;
	vertical-align: middle;
	background-position: left top;
}
.homearticlebody {
	font-size: 14px;
	text-align: left;
	background-position: left top;
	line-height:1.4em;
}
.fielddescription{
	font-size: 10px;
}
homearticlebodyred{
	color: #ff0000;
}
.homearticlebody a {
	color: #003366;
	text-decoration:none;
}	
.homearticlebody a:hover{
	color: #006699;
}
.smallhomearticleheader{
	font-size:12px;
}
.requiredentriesnote{
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}
.fieldnote{
	color: #ff0000;
}
.admintablecolumnheading{
	font-weight: bold;
}
/* The following are used in the maincontent area */
th{
	padding-left:10px;
	text-transform:uppercase;
}
td{
}
td a{
	font-size:14px;
}
td a:link, td a:visited{
	color: #003366;
	text-decoration:none;
}
tr.even{
	background-color: #dae0e5;
}
tr.odd{
	background-color: #ffffff;
}
tr.even td,tr.odd td{
	padding: 3px 0 3px 10px
}
tr.tablehead{
	background-color: #003366;
	color: #ffffff;
}
tr.tablehead2{
	background-color: #FF0000;
	color: #FFFFFF;
	font-weight:bold;
}
tr.tablehead2 td{
	line-height: 20px;
	text-align:left;
	padding-left: 10px;
}
table.archivetable td{
	font-size:14px;
}
td.fieldlabel{
	font-size: 12px;
	font-weight: bold;
}
td.thinline{
	border-bottom: 1px solid #cccccc;
}
td input{
	margin: 3px 0;
}
img.filetypeicon{
	vertical-align:middle;
}
.tiny{
	font-size:10px;
}
img.bounceme{
	position: absolute;
}
/*
#sidebar{
	width: 280px;
	color: #ffffff;
	float: right;
}
#content{
	width: 650px;
	float: left;
}
#content table{
	border: 1px solid #999999;
}
*/
table.datatable {
	border-collapse: collapse;
	border-spacing: 0px;
}
table.datatable th {
	padding: 1px 3px 1px 3px;
	text-transform: none;
}
table.datatable td {
	padding: 1px 3px 1px 3px;
}
#flip{
	-webkit-transform:rotate(-180deg);
	-moz-transform:rotate(-180deg);
	-o-transform:rotate(-180deg);
	transform:rotate(-180deg);
	ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
/*Floating callout box at the bottom for media events */
#media_callout{
	height: 100px;
	width: 100%;
	background-image:url(/images/video-callout-bkgd.png);
	background-repeat:repeat-x;
	position:fixed;
	z-index:2000;
	bottom: 0;
	left:0;
}
#callout_body{
	width: 976px;
	height: 75px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#callout_image{
	float: left;
	width: 175px;
}
#callout_text{
	position: absolute;
	left: 200px;
	top: 35px;
}
#callout_body h1{
	font-size:18px;
	margin-bottom: 5px;
}
#callout_body p{
	font-size:12px;
	line-height: 14px;
}
#callout_body a:link, #callout_body a:visited{
	color:#ffffff;
	text-decoration:none;
}
/* Used in the ticketviewer.php page */

table.tickets {
	background:#036; 
	color:white;
	border-right: #036 1px solid;
	border-left: #036 1px solid;
	border-bottom: #036 1px solid;
}
th.header-name {
	background: url(/myusac/images/gradhead1.png);
	background-repeat: repeat-x;
	text-align:center;
	font-size: 14px;
}
tr.columnheader td {
	padding:0 5px;
	height:20px;
}
tbody.ticket tr.even{
	color:#036;
	background-color: #dae0e5;
	background-image: url(/myusac/images/gradback.png);
}
tbody.ticket tr.odd{
	color:#036;
	background-color: #ffffff;
}
tr.status {
	height: 20px;
}
tr.status td{
	padding-left:10px;
}
tr.drop {
	background:#036; 
	color:white; 
	font-size:11px;
}
tr.drop td{
	padding:10px; 
	color:lightBlue;
}
/*Custom style for Tooltips*/

.ui-tooltip, .arrow:after {
	background: #003366;
	border: 2px solid white;
}
.ui-tooltip {
padding: 10px 20px;
color: white;
border-radius: 20px;
font: bold 14px;
text-transform: uppercase;
box-shadow: 0 0 7px black;
background-color: #003366 !important;
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px 5px 9px -9px black;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
tranform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}
/* Rider Profile Styles */
#racer_profile{
	position: fixed;
	background-image: url("/myusac/mypage/images/tool_background1.jpg");
	background-repeat: repeat;
	border-radius: 10px;
	top: 50px;
	width: 700px;
	min-height:250px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	box-shadow: 10px 10px 5px #333333;
	z-index: 1000;
}
#racer_profile h3{
	color: #ffffff;
	text-shadow: 2px 2px 2px #333333;
}
.attentionBox{
	padding: 5px;
	margin: 10px;
	background: #FFFFCC;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3em;
	border: 2px dashed #FF0000;
	border-radius: 10px;
	box-shadow: 0 0 0 4px #FFFFCC, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
	text-align:center;
}
.paymentTitle{
	color:#2e6398;
	font-size: 20px;
	font-weight:bold;
	margin-bottom: 5px;
}
.articleeditopt{
	font-size: 11px !Important;
	margin-top: 10px;
	background-color: #00cc00;
	color: #ffffff;
	padding:5px;
	border-radius:5px;
	display:inline-block;
	position: absolute;
}
.articleeditopt a:link, .articleeditopt a:visited{
	color: #ffffff !Important;
	text-decoration: none;
}
/* DIV Tables */
div.table{
	display: table;
}
div.header-row{
	border-bottom: 2px solid #e1e1e1;
}
div.table-header{
	font-weight: bold;
}
div.table-row{
	display: table-row;
}
div.table-cell{
	display: table-cell;
}
input.fancy{
	border: 2px solid #dadada;
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #ce311f;
	text-transform: uppercase;
}
.archivebutton{
	position: absolute;
	right: 0;
	background-color: #ce311f;
	text-transform: uppercase;
	padding: 5px 20px;
	text-aligb: center;
	color: #ffffff;
	display: inline-block;
}
.archivebutton:hover{
	background-color: #ab291a;
}
.archivebutton a{
	color: #ffffff !Important;
	text-decoration: none;
	font-size: 11px;
}
.ui-dialog{
	z-index: 1500!Important;
	background-color: #ffffff!Important;
}