@charset "utf-8";
/****************************************************************

	StageTrack - Screen Layout Styles
	Copyright 2009-2011 Digital Propulsion Labs
	last modified : 12/02/2011

	CHANGE LOG		

	12/02/2011; New styles for team schedule
	09/08/2011; New list menu styles added
	11/24/2010; Added additional CSS for future themeing

 ***************************************************************
*/

html { height:100%; }

body {
	font: 95% "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-Serif;
	margin: 0;
	padding: 0;
	color: #000000;
}

h1, h2, h3	{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
a			{ color:#344A58; } /* not yet web safe */
form		{ padding:0; margin:0; }
fieldset	{ border:0; padding:0; }
input, textarea	{ font: 12px Arial, Helvetica, sans-serif; }
table		{ border:0px; }
th			{ font-size:13px; }

.statmsg,
.alert		{ color:#CC0000; }
tr.stripe	{ background-color:#B8B8B8; }
.stripe	{ background-color:#B8B8B8; }
.med-lg		{ font-size:92%; }
.medium		{ font-size:85%; }
.small		{ font-size:10px; }
.clear		{ clear:both; margin:0; padding:0; }

.oneColElsCtrHdr #container {
	width:820px; 
	margin: 0 auto;
	text-align: left;
    top: -100px;
}
.oneColElsCtrHdr #header { 
	margin: 10px auto 3px 0px;
	width:803px;
} 
.oneColElsCtrHdr #contentBox {
	width:803px;
	min-height:473px;
	background:#DEE2E3;
	float:left;
	background:url('/images/stagetrack_bbg.gif') repeat;
}

.oneColElsCtrHdr #footer {
	margin: 0 10px; 
	padding: 0 10px;
} 
.oneColElsCtrHdr #footer p {
	font-size:85%;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* secondary page styles */

.subpage #container {
	width:100%; 
	height:100%;
	margin: 0 auto;
	text-align: left;
	background-color:#EAEAEA;
}
.subpage #container #header { 
	margin:0;
	width:100%;
	background: url('/images/stagetrack_bkgrd.gif') repeat; 
} 
.subpage #container #header #logo {
	float:left; margin-left:40px;
}
.subpage #contentBox {
	width:800px;
	margin:16px auto;
	background-color:#FFFFFF;
}
.subpage #footer {
	width:70%;	
	margin:0 auto; 
	background-color:#CCCCCC;
	/*
	border:1px solid #CC6666;
	clear:both;
	*/
}
.subpage #footer #footerCopy {
	color:#CCCCCC;
}

/* general element styles */

#sub-head-nav			{ float:left; background: url('/images/stagetrack_bkgrd.gif') repeat; }
#sub-head-nav ul		{ color:#EAEAEA; list-style:none; padding:0; height:23px; }
#sub-head-nav ul li		{ font-size:14px; display:inline; padding-right:0; padding-left:0; margin:0 18px; }
#sub-head-nav ul li a	{ color:#EAEAEA; text-decoration:none; }
#sub-head-nav ul li a:hover	{ color:#000000; }

#usr-menu				{ float:right; height:53px; }
#usr-menu div			{ margin:14px 20px; padding-right:0; padding-left:0; }
#usr-menu div a			{ color:#99CCFF; }

#usr-menu				{ color:#EAEAEA; font-size:12px; margin:auto 20px; float:right; }
#usr-menu a				{ color:#004080; text-decoration:underline; }
#usr-menu a:hover		{ color:#000000; }


/* styles for rounded corners */
/*
.cb-tl		{ width:9px;height:9px;background-image:url(/images/box/st_btl_to.png);float:left; }
.cb-tr		{ width:9px;height:9px;background-image:url(/images/box/st_btr_to.png);float:right; }
.cb-bl		{ width:9px;height:9px;background-image:url(/images/box/st_bbl_to.png);float:left; vertical-align:bottom; }
.cb-br		{ width:9px;height:9px;background-image:url(/images/box/st_bbr_to.png);float:right; vertical-align:bottom; }
*/

.cb-tl-ccc		{ width:9px;height:9px;background:url(/images/stagetrack_btl-ccc.gif) no-repeat; float:left; }
.cb-tr-ccc		{ width:9px;height:9px;background:url(/images/stagetrack_btr-ccc.gif) no-repeat; float:right; }

.round-corners ul,
.round-corners fieldset	{ padding-top:9px; }

.c1-tl, .cb-tl		{ width:9px;height:9px;background:url(/images/stagetrack_btl.gif) no-repeat; float:left; }
.c1-tr, .cb-tr		{ width:9px;height:9px;background:url(/images/stagetrack_btr.gif) no-repeat; float:right; }
.c1-bl, .cb-bl		{ width:9px;height:9px;background:url(/images/stagetrack_bbl.gif) no-repeat; float:left; vertical-align:bottom; position:relative; clear:both; }
.c1-br, .cb-br		{ width:9px;height:9px;background:url(/images/stagetrack_bbr.gif) no-repeat; float:right; }

#mainRightEdge {
	float:left;
	background-image:url(/images/stagetrack_boxredge.png);
	background-repeat:repeat-y;
}

#sub-header		{ padding:8px 0 0 0; }
#header-events	{ background-color:#DEE2E3; float:left; margin:4px auto; }
#header-events ul { width:765px; color:#006699; list-style-type:none; padding:0 20px; margin:6px 0 0 0; }
#header-events ul li { text-align:center; }
	/* height:16px; overflow:hidden; * FOR SCROLLING  */
#header-menu	{ background-color:#DEE2E3; float:right; margin:4px 20px; }
#header-menu ul { color:#006699; list-style-type:none; padding:0 20px; margin: 6px 0px 0px; }
#header-menu ul li { display:inline; padding:3px 5px; }
#hdr-icons		{ float:left; padding:6px 10px; text-align:right; }

#mainContent {
	padding:8px 24px;
	min-height:448px;
	overflow:auto;
}

#footerNav			{ width:55%; float:left; text-align:right; }
#footerNavBox		{ float:right; margin:10px 0; background:#DEE2E3; }
#footerNavBox a		{ font-size:85%; }
#footerNavBox ul	{ list-style:disc; margin:6px 10px 0; padding:0 0 3px 0; color:#344A58; }
#footerNavBox ul li	{ display:inline; padding:3px 0; }

#tab-menu			{ margin:0; padding:0; }
#tab-menu ul		{ list-style:none; margin:0 0 0 8px; padding:3px 0 3px 0; }
#tab-menu ul li		{ font-weight:bold; display:inline; padding:3px 5px; }

#events				{  }
#events ul			{ list-style:none; margin:0 0 0 8px; padding:3px 0 3px 0; }
#events ul li		{ display:list-item; padding:3px 5px; }

#login_menu			{ float:left; position:absolute; }

.tbllist			{ font-size:12px; }
.tbllist TR.header	{ font-size:13px; background-color:#ABABAB; padding:2px; }
.tbllist TR.odd		{ background-color:#D5D5D5; }

.inner-box			{ background-color:#C0C0C0; }
.common-title		{ font-weight:bold; padding:0 0 9px 0; margin-left:5px; }
.common-bcontent	{ opacity:0.75; filter:alpha(opacity=75); padding:7px 0 0 0; margin-left:5px; }
.common-ctrl-close	{ position:relative;float:right;margin:0 9px;z-index:4005; }

/* form elements */

.standard-form		{ font-size:12px; border:none; display:none; }
.standard-form form table th {
	font-size: 12px;
	font-weight:normal;
	width:180px;
}

.standard-form h3		{ padding-top:0; margin-top:0; }
.standard-form label	{ width:180px; font-size:14px; }

.border-form		{ border: 1px solid #C3C3C3; padding:8px; }
.common-form		{
	font-size:12px;
	padding:0;
	margin:0;
	border:none;
	background:url('/images/stagetrack_bbg.gif') repeat;
	width:250px;
	float:left;
	position:absolute;
}

.common-form form		{ padding:0 10px; }
.common-form label		{ display:block; margin:0 0 6px 2px; color:#333; }


.form-show
{
	display:block;
	z-index:15;
}

.search-field input,
input.search-field		{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#999999; }
.highlight-field		{ border: 2px solid #990000; }

fieldset p				{ margin:4px; clear:both; }
fieldset label			{ float:left; clear:left; }
fieldset .form-field	{ float:left; clear:right; }
.select-file { background-color:#CCCCCC; padding:2px 12px; border:1px solid #000; }

#popup-blanket {
	background-color: #222;
	opacity:0.55;
	filter:alpha(opacity=55);
	position:absolute;
	z-index:4000;
	top:0px;
	left:0px;
	width:100%;
	height:0px;
}

.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
}

.wrap1 {
border: 1px solid #000;
  float: left;
  background:url(/images/shadow.png) right bottom no-repeat;
}
.wrap2 {
  background:url(/files/corner_bl.gif) -4px 100% no-repeat;
}
.wrap3 {
  padding:0 16px 16px 0;
  background:url(/files/corner_tr.gif) 100% -4px no-repeat;
}

/* tool tip */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div	{ margin: 0; }

.stripe:nth-child(odd)		{ background-color:#D9D9D9; }

.fb-like					{ float:right; margin:4px; z-index: 1000; }

/* generic list tables */

.list .header			{ font-size:14px; }
.list .item				{ font-size:12px; border-bottom:1px solid #999999; padding:3px; clear:right; }
.list .item h4			{ font-size:13px; padding:0; margin:0; }
.list .item .avatar		{ display:block; float:left; padding:4px; }
.list .submenu			{ font-size:1.2em; }
.list .submenu a		{ font-weight:bold; text-decoration:none; }
.list .submenu a:hover	{ color:#999999; }
.list div ul			{ width:100%; padding:2px; margin:2px; display:block; }
.list div ul li			{ font-size:12px; list-style:none; min-width:5em; display:inline-block; color:#666666; padding:0 8px 0 2px; }
.list div ul li.div		{ border-right:1px solid #999999; }

.item .edit, .edit		{ float:right; }
.item .edit h3			{ margin-top:10px; }
.item .edit h3 a,
.edit h3 a				{ color:#CCCCCC; text-decoration:none; }
.item .edit h3 a:hover,
.edit h3 a:hover		{ color:#999999; text-decoration:none; }

/* race list display */

.race					{ font-size:12px; background-color:#FFFFFF; margin:5px; line-height:12px; }
.race					{ float:left; width:350px; border-bottom:1px solid #CCCCCC; }
.race div.avatar		{ float:left; padding:5px; }
.race div.avatar a img	{ width:48px; height:48px; border:0px; }
.race h1				{ font-size:14px; margin:5px 0 0 0; }
.race h1 a				{ margin-right:0px; text-decoration:none; color:black; }
.race h1 span			{ color:#999999; font-weight:normal; font-size:12px; }
.race p					{ line-height:12px; margin:5px; }
.race a					{ text-decoration:none; }
.race a:hover			{ color:#333399; }
.race .entrants			{ text-align:center; }

/* schedule */

.schedule h2			{ float:left; }
.schedule .date			{ float:right; margin:3px; }

/* race detail pop-up display */

.race .title			{ text-decoration:none; font-weight:bold; }

/* race detail full-screen display */

.race-detail					{  }
.race-detail #title				{ padding-bottom: 3px; }
.race-detail #title	h2			{ float:left; }
.race-detail #title a			{ text-decoration:none; }
.race-detail #title .loc		{ font-size:14px; font-weight:normal; }
.race-detail #map				{ padding-right:14px; }

.race-detail #title .date		{ float:right; font-size:0.9em; font-weight:bold; padding:2px 2px 0 2px; cursor:pointer; }

.race-detail .list div			{ margin:0 8px; }
.race-detail .list div ul		{ margin:0 14px; }
.race-detail .list div ul li	{ display:inline; }
.race-detail .list .item .name	{ font-size:14px; font-weight:bold; }
.race-detail .list .item .name a{ text-decoration:none; }

.race-detail .actions ul		{ width:100%; padding:2px; margin:0px; display:block; list-style:none; }
.race-detail .actions ul li		{ list-style:none; min-width:5em; display:inline-block; padding:0 8px 0 2px; }

TABLE .race				{ float:none; }

#events_timeline ul li			{ list-style:none; }

.user h3				{ font-size:14px; margin:5px 0 0 0; }
.user h3 a				{ margin-right:10px; text-decoration:none; color:black; }
.user h3 span			{ color:#999999; font-weight:normal; font-size:12px; }
.user p					{ line-height:12px; margin:5px; }

.stage h3				{ font-size:14px; margin:5px 0 0 0; }
.stage h3 a				{ margin-right:10px; text-decoration:none; color:black; }
.stage h3 span			{ color:#999999; font-weight:normal; font-size:12px; }
.stage p					{ line-height:12px; margin:5px; }

/* team list display */

.team					{ font-size:12px; background-color:#FFFFFF; margin:5px; line-height:12px; min-height:52px; clear:both; }
#content .header		{ margin: 10px 0 0 0; }
#content .team			{ float:left; width:350px; clear:none; }
#content.races h2,		
#content.teams h2		{ float:left; }
#content.races h2 div	{ font-size:13px; }
.search-field,
#content #race-search,
#content #team-search	{ float:right;position:relative;margin:24px 0; }
.search-filter			{  }
.search-filter ul li	{ cursor: pointer; }
.search-filter ul li.selected
						{ font-weight:bold; }
.search-filter ul li.remove
						{ background:url(i) no-repeat; width:10px; height:10px;/*text-indent:-99999px;*/ }
.team					{ border-bottom:1px solid #CCCCCC; }
.team div.avatar		{ float:left; padding:5px; }
.team div.avatar a img	{ width:32px; height:32px; border:0px; }
.team h3				{ font-size:14px; margin:5px 0 0 0; }
.team h3.header			{ font-size:14px; margin:10px 0; }
.team h3 a				{ margin-right:10px; text-decoration:none; color:black; }
.team h3 span			{ color:#999999; font-weight:normal; font-size:12px; }
.team h2				{ font-size:16px; margin:5px 0 0 0; }
.team h2 a				{ margin-right:10px; text-decoration:none; color:black; }
.team h2 span			{ color:#999999; font-weight:normal; font-size:12px; line-height:17px; }
.team p					{ line-height:12px; margin:5px; }

#team-profile			{ margin:0 0 0 10px; padding:8px 10px; }

#team-cars				{ margin:15px 5px; }

ul.entrants				{ display:inline; }
ul.entrants li 			{ list-style-type:none; }


.devices.header			{ font-weight:bold; }

.detail					{  }
.detail h3				{ color:#666666; }
.detail .list			{  }

/* main popup */

.popup-main			{
	background:url('/images/stagetrack_bbg.gif') repeat;
	width:80%;
	position:absolute;
	display:none;
}
.popup-main-show	{ display:block; z-index:4001; }
.popup-main	.close	{ position:relative; float:right; top:9px; padding-right:-2px; }

/* panel styles */

/*
*/
.panel-content		{ top:0px; margin:0 10px; padding:0 5px; height:100%; overflow:auto; }
.panel-content .header { margin:0; padding:0; }
.panel-content .header h2 { margin:0; padding:0; }

/* panel component styles */

.panel-content .menu-buttons-panel					{ background-color:#C0C0C0; margin:5px 2px; padding:3px 0; }
.panel-content .menu-buttons-panel ul				{ margin:0; padding:3px 10px; }
.panel-content .menu-buttons-panel ul li			{ margin:5px 10px; padding:0 5px 1px 5px; }
.panel-content .menu-buttons-panel ul li.highlight	{ background: url('/images/stagetrack_bkgrd.gif') repeat; color:#CCCCCC; }
.panel-content .menu-buttons-panel ul li:hover		{ background-color:#0066FF; color:#CCCCCC; }

/* move to standard-form ** above */

.standard-form .menu						{ background-color:#FCFCFC; margin:0px 2px; padding:0; }
.standard-form .menu ul						{ margin:0; padding:3px 10px; list-style-type:none; }
.standard-form .menu ul li					{ font-size:14px; font-weight:bold; margin:5px 10px; padding:1px 5px; display:inline; }
.standard-form .menu ul li.highlight		{ background: url('/images/stagetrack_bkgrd.gif') repeat; color:#CCCCCC; }
.standard-form .menu ul li:hover			{  }
.standard-form .menu ul li a				{ color:#CCCCCC; text-decoration:none; }
.standard-form .menu ul li a:hover			{ color:#999999; }


#usrsettings-content #panel-menu				{ background-color:#C0C0C0; margin:5px 2px; padding:3px 0; }
#usrsettings-content #panel-menu ul				{ margin:0; padding:3px 10px; }
#usrsettings-content #panel-menu ul li			{ margin:5px 10px; padding:0 5px 1px 5px; }
#usrsettings-content #panel-menu ul li.highlight	{ background: url('/images/stagetrack_bkgrd.gif') repeat; color:#CCCCCC; }
#usrsettings-content #panel-menu ul li:hover	{ background-color:#0066FF; color:#CCCCCC; }

#select-menu					{ background-color:#C0C0C0; margin:5px 2px; padding:3px 0; }
#select-menu ul					{ margin:0; padding:3px 10px; }
#select-menu ul li				{ margin:5px 10px; padding:0 5px 1px 5px; }
#select-menu ul li.label		{  }
#select-menu ul li.highlight	{ background: url('/images/stagetrack_bkgrd.gif') repeat; color:#CCCCCC; }

/* button styles */

.btn_sm		{ width:122px; height:31px; background:url('/images/stagetrack_btn_sm1.png') no-repeat; cursor:pointer; text-align:center; padding:6px 0; color:#FFFFFF; }
.btn_sm a	{ color:#FFFFFF; text-decoration:none; }
.btn_md		{ background-image:url(/images/stagetrack_btn_md1.png); cursor:pointer; color:#FFFFFF; }
.btn_lg		{ width:420px; height:60px; background-image:url('/images/stagetrack_btn_lg1.png'); cursor:pointer; color:#FFFFFF; }


#pending-data		{ background-color: #DD8888; }
#active-data		{ background-color: #DEECFD; margin-top:-6px; }
#car-gps-data		{ background-color: #F5F5F5; }