/*
The styles included in ScoreKeeper web pages should be mostly self-explanatory to anyone
familiar with style sheets.  However, there are some styles that are dynamic and are different
for each team in the meet.  These dynamic styles are always in the "id" rather than "class" styles.

In the Team Standing table (id="standing_table"), each row uses a dynamic id style corresponding
to the compressed short team name.  The compressed short team name uses the short team name you
enter in ScoreKeeper for that team and removesall non-alpha characters.  For example, a short
team name of "O.S.U." would become "OSU".  The dynamic id values are "standing_row_XXX" where
the XXX represents the compressed short team name.

The Team Detail tables (class="team_table") have dynamic id values equivalent to the compressed
short team name.  In addition, the table captions (class="caption") have id values corresponding
again to the compressed short team name (id="team_caption_XXX").

The event results tables (class="event_table") have id values equivalent to the compressed short
event name.  These are usually in all upper case except for all around which, by default, is "AllArr".
These short event names can be changed in ScoreKeeper so be sure to match the style to the exact
short event name and, for most web servers, case is important so Vault is different than VAULT.

ScoreKeeper tables use a different class value for alternating rows. Odd numbered rows have the
class value of "row_1" while even numbered rows have a class value of "row_2".  Exceptions include
the title table (id="title_table") where the rows are not numbered and the table of contents table
(id="contents_table") where the row classes for the odd and event rows are named "contents_row_1"
and "contents_row_2" respectively. This is designed to allow the contents table to be displayed
differently than other tables.

The event results tables use a variation of the alternating rows in that the rows id values change
only when the placing changes.  So if there is a tie for first place, the first two rows would
have id values of "row_1" and the third row would have an id value of "row_2".  Another variation
is in the list of meet judges (id="judge_table") where the head judge in each event has a class
value of "row_1" while the remaining judges have a class value of "row_2".
*/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	background: #000000 url(../images/beaver_bg.png) top left repeat;
}
.meet_wrap {
	width: 500px;
	text-align: left;
	margin: 0 auto;
	background: #000;
}
p {
	margin-bottom: 10px;  
}
h1 {
	color: #BB0000;
	font-size: 190%;
	margin: 10px 0 0 0;
}
h2 {
	margin-top: 0;  
	color: #FFFFFF;
}
table {
	font-size: 100%;
	margin-bottom: 20px;
	caption-side: top;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	table-layout: fixed;
	color: #000000;
}
td {
	vertical-align: top;
}
a, a:visited {
	color: #FF6666;
	text-decoration: none;
}
a:hover, a:active {
	color: #FFCCCC;
	text-decoration: underline;
}

/* Captions for tables other than the team detail tables */
.caption {
	text-align: left;
}
#UGA_caption_title {
	padding-left: 20 px;
}
#UGA .caption {
	background: #000000 url(../images/UGA_Logo.png) top left no-repeat;
	text-indent: 45px;
}
#UCLA .caption {
	background: #000000 url(../images/UCLA_Logo.png) top left no-repeat;
	text-indent: 45px;
}
.caption_title {
	float: left;
	font-size: 150%;
	font-weight: bold;
	color: #BB0000;
	padding-bottom: 5px;
}
.caption_top_link {
	float: right;
	font-size: 70%;
	padding: 10px 5px 0 0;
}
tr.title_row {
	background: #999999 url(../images/red_title.png) top left repeat-x;
	border: 1px solid #333333;
	color: #FFFFFF;
}
.title_row a {
	color: #FFFFFF;
}
.title_row a:hover {
	color: #FF0000;
}
tr.row_1 {
/* Odd numbered rows */
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
tr.row_2 {
/* Even numbered rows */
	background-color: #CCCCCC;
	border: 1px solid #999999;
}
tr.row_1 a, tr.row_2 a {
	color: #000000;
}
tr.row_1:hover, tr.row_2:hover {
	background-color: #BB0000;
	color: #FFFFFF;
}
.total_row {
	background: #999999 url(../images/red_total.png) top left repeat-x;
	border: 1px solid #333333;
	color: #FFFFFF;
	font-weight: bold;
}
.no_event_winners {
	width: 500px;
	height: 45px;
	border: 1px #FFFFFF solid;
	margin-bottom: 10px;
}
.no_event_winners p {
	margin: 4px 0 0 0;
	font-size: 100%;
	text-align: center;
	vertical-align: middle;
	color: #FF0000;
}

/* Page title table with no borders */
#title_table {
	width: 500px;
}
.title_legend {
	width: 20%;
	color:	#BB0000;
	font-weight: bold;
}
.title_data {
	width: 80%;
	color: #FFFFFF;
}

/* Page contents table with no borders */
#contents_table {
	width: 500px;
	background-color: #FFFFFF;
}
.contents_title_row {
	background: #999999 url(../images/red_title.png) top left repeat-x;
	border: 1px solid #333333;
	color: #000000;
	font-weight: bold;
}
.contents_legend {
	width: 20%;
	color:	#FFFFFF;
	font-weight: bold;
	text-align: left;
}
.contents_event_title {
	width: 35%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}
.contents_team_title {
	width: 45%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}
.contents_event_data a, .contents_team_data a{
	color: #000000;
}

/* Team Standing Table */
#standing_table {
	width: 500px;
}
.standing_caption {
	float: left;
}
.standing_title_session {
	width: 15%;
	text-align: center;
}
.standing_title_place {
	width: 11%;
	text-align: center;
}
.standing_title_name {
	width: 60%;
	padding-left: 5px;
	text-align: left;
}
.standing_title_score {
	width: 14%;
	text-align: right;
	padding-right: 5px;
}
#standing_table .row_1 .standing_session {
	text-align: center;
	border: 1px solid #999999;
}
#standing_table .row_1 .standing_place {
	text-align: center;
}
#standing_table .row_1 .standing_name {
	text-align: left;
	padding-left: 5px;
}
#standing_table .row_1 .standing_score {
	text-align: right;
	padding-right: 5px;
}
#standing_table .row_2 .standing_session {
	text-align: center;
}
#standing_table .row_2 .standing_place {
	text-align: center;
}
#standing_table .row_2 .standing_name {
	text-align: left;
	padding-left: 5px;
}
#standing_table .row_2 .standing_score {
	text-align: right;
	padding-right: 5px;
}

/* Team Detail Tables */
.team_table {
	width: 500px;
}
.team_caption_title {
	font-size: 150%;
	font-weight: bold;
	color: #BB0000;
}
.team_caption_top_link {
	float: right;
	font-size: 70%;
	padding: 5px 5px 10px 0;
}
.team_caption_legend {
	font-size: 110%;
	font-weight: bold;
	color: #FFFFFF;
}
.team_caption_coach {
	margin-left : 5px;
	font-size: 110%;
	font-weight: bold;
	color: #FF0000;
}
.team_home_link {
}
.team_title_gymnast {
	width: 40%;
	text-align: left;
	padding-left: 5px;
}
.team_title_score {
	width: 12%;
	text-align: right;
	padding-right: 5px;
}
.team_table .row_1 .team_gymnast {
	text-align: left;
	padding-left: 5px;
}
.team_table .row_1 .team_score {
	text-align: right;
	padding-right: 5px;
}
.team_table .row_2 .team_gymnast {
	text-align: left;
	padding-left: 5px;
}
.team_table .row_2 .team_score {
	text-align: right;
	padding-right: 5px;
}
.team_total_legend {
	text-align: left;
	padding-left: 5px;
}
.team_total_score{
	text-align: right;
	padding-right: 5px;
}


/* Event and all-around results */
.event_table {
	width: 500px;
}
.event_title_place {
	width: 10%;
	text-align: center;
}
.event_title_gymnast {
	width: 34%;
	padding-left: 5px;
	text-align: left;
}
.event_title_team {
	width: 45%;
	padding-left: 5px;
	text-align: left;
}
.event_title_score {
	width: 11%;
	text-align: right;
	padding-right: 5px;
}
.no_event_winners {
	text-align: center;
}
.event_title_place {
	text-align: center;
}
.event_title_gymnast {
	text-align: left;
	padding-left: 5px;
}
.event_title_team {
	text-align: left;
	padding-left: 5px;
}
.event_title_score {
	text-align: right;
	padding-right: 5px;
}
.event_title_total {
	text-align: right;
	padding-right: 5px;
}
.event_table .row_1 .event_place {
	text-align: center;
}
.event_table .row_1 .event_gymnast {
	text-align: left;
	padding-left: 5px;
}
.event_table .row_1 .event_team {
	text-align: left;
	padding-left: 5px;
}
.event_table .row_1 .event_score {
	text-align: right;
	padding-right: 5px;
}
.event_table .row_1 .event_total {
	text-align: right;
	padding-right: 5px;
}
.event_table .row_2 .event_place {
	text-align: center;
}
.event_table .row_2 .event_gymnast {
	text-align: left;
	padding-left: 5px;
}
.event_table .row_2 .event_team {
	text-align: left;
	padding-left: 5px;
}
.event_table .row_2 .event_score {
	text-align: right;
	padding-right: 5px;
}
.event_table .row_2 .event_total {
	text-align: right;
	padding-right: 5px;
}

/* Meet judges */
#judge_table {
	width: 500px;
}
#judge_table th {
	padding-left: 5px;
}
#judge_table th.judge_title_event {
	width: 11%;
	text-align: left;
}
#judge_table th.judge_title_number {
	width: 14%;
	text-align: left;
	padding-left: 5px;
}
#judge_table th.judge_title_name {
	width: 60%;
	text-align: left;
	padding-left: 5px;
}
#judge_table th.judge_title_rating {
	width: 15%;
	text-align: left;
	padding-left: 5px;
}
#judge_table tr.row_1 {
	border-top: 2px solid #000000;
}
#judge_table td.judge_event_1, #judge_table td.judge_event_2 {
	padding-left: 5px;
	background-color: #999999;
	color: #FFFFFF;
	font-weight: bold;
}
#judge_table td.judge_number_1, #judge_table td.judge_number_2, #judge_table td.judge_name_1, #judge_table td.judge_name_2,#judge_table td.judge_rating_1, #judge_table td.judge_rating_2 {
	text-align: left;
	padding-left: 5px;
}

/* Meet footer */
#footer_table {
	width: 500px;
}
#please_note {
	width: 25%;
	font-weight: bold;
	color: #BB0000;
}
#official_notice {
	width: 75%;
	color: #FFFFFF;
}
#timestamp {
	text-align: center;
	font-size: 80%;
	color: #FF0000;
}

/* Honor Roll Web Page */
.honor_table {
	width: 500px;
}
.honor_title_name {
	width: 35%;
	text-align: left;
	padding-left: 5px;
}
.honor_title_team {
	width: 40%;
	text-align: left;
	padding-left: 5px;
}
.honor_title_score {
	width: 10%;
	text-align: right;
	padding-right: 5px;
}
.honor_title_date {
	width: 15%;
	text-align: right;
	padding-right: 5px;
}
.honor_name {
	text-align: left;
	padding-left: 5px;
}
.honor_team {
	text-align: left;
	padding-left: 5px;
}
.honor_score {
	text-align: right;
	padding-right: 5px;
}
.honor_date {
	text-align: right;
	padding-right: 5px;
}
.honor_message {
	width: 500px;
	height: 40px;
	margin-bottom: 20px;
	background-color:#333333;
}
.honor_message p {
	padding-top: 2px;
	text-align: center;
	color: #FF9933;
}

/*
Beaver Creek Software footer
You may not make any of the elements hidden, invisibly small,
or otherwise obscure the footer so as to make it unreadable.
*/
#BCS_footer_table {
	width: 500px;
	background: #808080 url(../images/BCS_sk_emboss.png) center right no-repeat;
}
.BCS_legend {
	width: 30%;
	font-weight: bold;
	font-size: 80%;
	color: #000000;
	vertical-align: bottom;
	padding-left: 10px;
}
.BCS_info {
	width: 70%;
}
#BCS_sk {
	font-size: 125%;
	font-weight: bold;
	color: #FFFF00;
	padding-top: 10px;
}
#BCS_bcs {
	font-weight: bold;
	color: #FFFFFF;
}
#BCS_version {
	font-size: 90%;
	color: #FFFFFF;
}
#BCS_link a {
	color: #FFFFFF;
}
#BCS_link a:hover {
	color: #FFFF00;
}
#BCS_phone {
	font-size: 90%;
	color: #FFFFFF;
}
#BCS_copyright {
	font-size: 80%;
	text-align: center;
	color: #FFFFFF;
}

