/*

Darko Bunic
http://www.redips.net/
Apr, 2011.

*/

body {
	background: #171b20;
	color: #000;
	height: 100%;
}

body,td,th {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}

h1 {
	color: #96BF55;
	font-size: 20px;
	font-weight: normal;
	margin: 5px 0 5px 0;
	text-align: left;
}

	h1 span {
		color: #ffffff;
		font-size: 20px;
		font-weight: normal;
		margin: 5px 5px 5px 0;
		text-align: left;
	}

a,
a:link,
a:visited {
	color: #09f;
}

.center {
    text-align: center;

}

.label {
   	color: #ffffbe;
 
}

.table-scroll-container {
    overflow-x: auto;
}

table {
    width: auto;
    border-collapse: collapse;
}
 
.description {
	font-size: 12px;
	line-height: 18px;
	color: #ffffbe;
	padding: 5px 0 15px 0;
}

a.description,
a:link.description,
a:visited.description {
	color: #ffffbe;
}

.pos {
  font-size: smaller;
  color: darkgreen;
}
.neg {
  font-size: smaller;
  color: darkred;
}

.cutoff {
	border-bottom-width: medium;
	border-bottom-style: dashed;
	border-bottom-color: #3C3;
}

table tr:nth-child(even) {
  background-color: #f2f2f2; /* Light gray */
}

.table-container {
  overflow-x: auto; /* Enables horizontal scrolling */
  width: 100%; /* Ensures the container takes full width */
}

.fixed-left-table {
  border-collapse: collapse;
  width: max-content; /* Table width adjusts to content */
}

.fixed-column {
  position: sticky;
  left: 3px;
  z-index: 1; /* Ensures it's above other columns */
}

/* Optional: Add borders for better visibility */
.fixed-left-table, .fixed-left-table th, .fixed-left-table td {
  border: 2px solid #ddd;
}

/* Optional: Improve header appearance */
.fixed-left-table th {
  background-color: #f2f2f2;
}

/* Optional: Add padding for better readability */
.fixed-left-table th, .fixed-left-table td {
    padding: 8px;
    text-align: center;
}
/* make drag container visible */
#drag {
	width: 100%;
/*	padding: 10px;
*/	margin: 0px auto;
}

/* set border-collapse */
div#drag table {
	/* 	border-collapse: collapse; */
	border-collapse: separate;
	border-spacing: 1px;
	width: 100%;
}
	width: 100%;
}
	/* define margin below first table */
	.tbl1 {
	margin-bottom: 1px;
	}

/* set table row height */
div#drag table tr {
}

/*
	http://stackoverflow.com/questions/4096390/table-border-color-in-css-with-border-collapse
	
	if collapsing borders have the same style and width, but differ in color,
	then from most to least preferred: cell, row, row group, column, column group, table.
	
	if ... come from same type of element, such as two rows... then color is taken from
	borders that are the topmost and the leftmost.
	
	wider border wins over narrower ones / double wins over solid, then dashed, dotted, ridge, outset, groove, inset
*/
div#drag td {
}

/* table titles */
div#drag th {
	font-size: 10pt;
	background-color: #EDEDED;
}

/* drag object (DIV inside table cell) */
.drag {
	margin: auto;
	margin-bottom: 1px;
	margin-top: 1px;
	text-align: center;
	font-size: 12px;
	width: 20px;
	height: 20px;
	border-width: 2px;
	border-style: solid;
	background-color: white;
	/* round corners */
	border-radius: 4px; /* Opera, Chrome */
	-moz-border-radius: 4px; /* FF */
}

/* blue DIV elements */
.blue {
	border-color: #3C9;
}

/* orange DIV elements */
.orange {
	border-color: #FF8A58;
}
.teamborder {
    border-color: black;
    border-style: solid;
    border-left-width: 2px;
    border-right-width: 2px;
    border-top-width: 0px;
    border-bottom-width: 0px;
}

.teamhead {
      border-color: black;
    border-style: solid;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 2px;  
}

.clickable {
	cursor:pointer;
    white-space: nowrap;
}

/* DIV row handlers (blue left column) */
.row {
	width: 20px;
	margin: 2px;
	border-color: #3C3;
	background-color: #3C3;
	  background: url(dots1.svg);
	  background-size: 60%;
background-repeat:no-repeat;
/*background-attachment:fixed;
*/background-position:center; 

	/* round corners */
	border-radius: 8px; /* Opera, Chrome */
	-moz-border-radius: 8px; /* FF */
}

/* row handler TD background color */
.rowhandler {
/*	background-color: #3F9;
*/	width: 30px;
}

/* marked cells (forbidden access for header and message line) */
.mark {
	color:black;
	background-color: lightgray;
	text-align: center;
	height: 40px
}

/* row dark */
.rd {
	background-color: #ddd;
}

/* row light */
.rl {
	background-color: #eee;
}

/* cell dark */
.cdark {
	background-color: #C6C8CB;
}

/*   Here is the accordian style */	

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
		/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
	display: block;
	height: 30px;
/*	width: calc (100% - 20px);
*/	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	cursor: pointer;
	margin: 0 0 0 0;
	background-color: #3F9;
/*	background-image: url(images/accordion_toggle.jpg);
*/	background-repeat: no-repeat;
	background-position: right top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
		}
		
		.accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: calc(100%-20px);
/*			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
*/			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
/*			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
*/			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
 			


#container {
	/*margin: 20px auto 0 auto;
	width: 700px;
*/}

    #vertical_nested_container {
      margin: 20px auto 20px auto;
   }
 
 #scores {
}
#TeamScores tbody tr #scores {
}
  
   
.popbox {
	position: absolute;
	left:5px;
	top:5px;
	padding:10;
	width: calc(100%-5px);
	layer-background-color:#505555;
	background-color:#FFF;
	z-Index:20;
	height: auto;
	border-width: 6px;
	border-color: #3C3;
	border-style: solid;
	border-radius: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
#new_login {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#3C6;
	text-decoration:none;
	cursor: default;
	filter: Invert;
}

#points {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#3C6;
	text-decoration:none;
	cursor: default;
	filter: Invert;
}
#prtable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#prtable td
{
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
text-align:center
}

#projected .rowhandler 
{
    display: none
}

.projection_link{
	font-size:12px;
	font-weight:bold;
    color:black;
	text-decoration:underline;
	cursor: pointer;
    text-align:center
}

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}