/* colors:
  dark (background) grey: 2d2d2d
  light (footer) grey: dcdcdc
  text: 1f1f1f
  dark blue: 069
  light blue: 1c77a4
  dark yellow: e5c849
  light yellow: eedb81
*/

body {
  background-color: #2d2d2d;
  color: #1f1f1f;  
  font: 12px/14px helvetica, arial, sans-serif; 
  margin: 0;
  padding: 0;
  text-align: center;
}

/* wrapper for all content */
#container {
  background: #2d2d2d url('../images/bg2.gif') repeat-y 50% 0;
  border-left: 1px solid #222;
  border-right: 1px solid #222;
  margin: auto;
  text-align: left;
  width: 915px;
}

/* wrapper for splash, title and nav */
#header { height: 212px; }

/* contains the primary image and logo */
#splash {
  background: #069 url('../images/players.jpg') bottom left no-repeat;
  height: 132px;
}

/* contains the site name */
#title {
  background: #1c77a4 url('../images/title.jpg') bottom left no-repeat;
  height: 50px;
}

/* contains the dynamic content */
#content {
  float: left;
  padding: 20px 30px;
  *padding: 30px 30px; /* for ie 6 and 7 */
  width: 850px;
  /* width: 582px;
  height: 200px; 
  overflow:scroll; */
}

#main_container{
	margin: auto;
        width: 915px;
        /*width: 420px; */
}
		/* container for the left table */
		#main_container #left{
			float: left;
		}
		/* container for the right table */
		#main_container #right{
			width: 100px;
			height: 15px;
			/* align container to the right */
			margin-left: auto;
		}

/* drag area */
#drag{
	display: table;
	width: 420px;
}

/* table cells */
div#drag td {
	height: 30px;
	text-align: left;
	font-size: 8pt;
	padding: 2px;
}

/* styles for left table */
#table1, #table2 {
	/* background-color: #eee; */
	border-collapse: collapse;
}
	/* border for table1 */
	#table1 td {
		border: 1px solid #DDC5B5;
	}

/* green objects */
.green {
	border: 2px solid #499B33;
}

/* orange objects */
.orange {
	border: 2px solid #BF6A30;
}



/* message line */
#message{
	color: white;
	background-color: #aaa;
	text-align: center;
	margin-top: 1px;
}

#scroller {
  float: left;
  padding: 20px 30px;
  *padding: 30px 30px; /* for ie 6 and 7 */
  width: 550px;
  height: 400px; 
  overflow:scroll; 
}

#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}

#popUpDiv {
position:absolute;
background-color:#d5d5d5;
width:400px;
height:400px;
z-index: 9002;
}

/* Images */
img
{
    border: 0;
}
img.logo 
{
  width: 100px;
  height: 60px;
}

img.sml_logo 
{
  width: 50px;
  height: 30px;
}
img.menulogo 
{
  vertical-align: middle;
  width: 25px;
  height: 15px;
}

/* headings */
h1 {
  display: none;
  margin: 0;
  padding: 0 0 4px 0;
}

h2 {
  color: #069;  
  font-weight: bold;
  margin: 7px 0 0 0;
  padding: 0 0 4px 0;
  text-align: center;
  /* text-transform: uppercase; */
}

h3 {
  color: #069;
  font-weight: bold;
  margin: 7px 0 0 0;
  padding: 0 0 4px 0;
  text-align: center;
  /* text-transform: uppercase; */
}

h4 {
  font-weight: bold;
  margin: 7px 0 0 0;
  padding: 0 0 4px 0;
  text-align: center;
  /* text-transform: uppercase; */
}

.heading1 {
  color: #069;
  font-weight: bold;
  margin: 7px 0 0 0;
  padding: 0 0 4px 0;
  text-align: center;
  text-transform: uppercase;  
}

/* sidebar */
#sidebar {
  float: right;
  padding-top: 10px;
  width: 269px;
}

#sidebar ol {
  list-style-position: inside;
  padding: 0;
  margin: 10px 0;
}

#sidebar .info {
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
}

/* footer */
#footer {
  background-color: #dcdcdc;
  height: 30px;
  text-align: center;
}

#footer p {
  color: #555;
  padding-top: 8px;
}

#tabbox {
  float: left;
  width: 600px;
  height: 1200px;
  overflow: auto;
}

#div1 {
	height: 200px;
	width: 200px;
	float: left;
}
#div2 {
	height: 200px;
	float: left;
	overflow: auto;
	visibility: visible;
	width: 600px;
	white-space: nowrap;
}

.clearing {
  height: 0;
  clear: both;
}

/* links */
a, a:link, a:visited {
  background-color: transparent;
  color: #1c77a4;
}

a:hover {
  background-color: transparent;
  color: #069;
}

/* nav - Main Menu */
#nav ul {
  background: #e5c849 url('../images/nav.jpg') top left no-repeat;
  border-bottom: 1px solid #d9be45;
  height: 30px;
  list-style: none;
  margin: 0;
  padding: 0 0 0 295px;
}

#nav ul li { border-top: 1px solid #005480; }

#nav ul li ul li { border-top: none; }

#nav li ul { /* second-level lists */
  background: #e5c849;
  display: none;
  height: auto;
  position: absolute;
  margin: 8px 0 0 -5px;
  padding: 0;
}

#nav a {
  color: #1f1f1f;
  display: block;
  height: auto;
  text-decoration: none;
}

#nav li {
  float: left;
  height: 14px;
  padding: 8px 25px 8px 5px;
  font-weight: bold;
  text-transform: uppercase;
}

/*   */

#nav li ul li { /* second-level list items */
  clear: both;
  padding: 4px 5px;
  width: 130px; /* required for ie6 - increase if items wrap */
}

#nav li:hover ul, #nav li.sfhover ul {  display: block; }

#nav li:hover, #nav li.sfhover {  background-color: #eedb81; }

#nav #selected {  background-color: #eedb81; }

/* nav2  - Menu for League Pages*/
#nav2 ul {
  background: #1c77a4; 
  /*border-bottom: 1px solid #d9be45; */ 
  height: 30px;
  list-style: none;
  margin: 0;
  padding: 0 0 0 0px;
  border: solid #ccc 1px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
  border-radius: 6px;
   -webkit-box-shadow: 0 1px 1px #ccc; 
   -moz-box-shadow: 0 1px 1px #ccc; 
  box-shadow: 0 1px 1px #ccc;
}

#nav2 ul li { border-top: 1px solid #005480; }

#nav2 ul li ul li { border-top: none; }

#nav2 li ul { /* second-level lists */
  background: #1c77a4; 
  display: none;
  height: auto;
  position: absolute;
  margin: 8px 0 0 -5px;
  padding: 0;
}

#nav2 a {
  color: white; 
  display: block;
  height: auto;
  text-decoration: none;
}

#nav2 li {
  float: left;
  height: 14px;
  padding: 8px 25px 8px 5px;
  font-weight: bold;

}

/*   text-transform: uppercase; */

#nav2 li ul li { /* second-level list items */
  clear: both;
  padding: 4px 5px;
  width: 140px; /* required for ie6 - increase if items wrap */
}

#nav2 li:hover ul, #nav2 li.sfhover2 ul {  display: block; }

#nav2 li:hover, #nav2 li.sfhover2 {  background-color: #069; }

#nav2 #selected {  background-color: #069; }


/* nav3  - Menu for History Pages*/
#nav3 ul {
  background: #1c77a4;
  border-bottom: 1px solid #d9be45;
  height: 30px;
  list-style: none;
  margin: 0;
  padding: 0 0 0 0px;
}

#nav3 ul li { border-top: 1px solid #005480; }

#nav3 ul li ul li { border-top: none; }

#nav3 li ul { /* second-level lists */
  background: #1c77a4;
  display: none;
  height: auto;
  position: absolute;
  margin: 8px 0 0 -5px;
  padding: 0;
}

#nav3 a {
  color: white;
  display: block;
  height: auto;
  text-decoration: none;
}

#nav3 li {
  float: left;
  height: 14px;
  padding: 8px 25px 8px 5px;
  font-weight: bold;

}

/*   text-transform: uppercase; */

#nav3 li ul li { /* second-level list items */
  clear: both;
  padding: 4px 5px;
  width: 140px; /* required for ie6 - increase if items wrap */
}

#nav3 li:hover ul, #nav3 li.sfhover3 ul {  display: block; }

#nav3 li:hover, #nav3 li.sfhover3 {  background-color: #069; }

#nav3 #selected {  background-color: #069; }

/* table */
.hdtablerow { 
    background-color: #1c77a4;
    color: white; 
}

.alttablerow {  background-color: #eee; }

.stdtablerow {  background-color: #fff; }

/*
.stdtable { border : 2px solid #1c77a4; background-color: #1c77a4; border-collapse: collapse; width: 100%; }
*/



.hightd { color: red; }

/*
th {
  font-weight: bold;
  padding: 4px 7px;
  text-transform: capitalize;
}

td {
   padding: 2px 2px;
   align: left;
   }
*/
/* Sortable tables */
table.sortable {
/*    border : 2px solid #1c77a4; 
    background-color: #1c77a4; 
    border-collapse: collapse;
    overflow : auto;    
*/    
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc; 
}
table.sorttable th {
    text-align: center; 
    background-color: #1c77a4;
    color: black;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #e5c849, #eedb81);
    background-image:    -moz-linear-gradient(top, #e5c849, #eedb81);
    background-image:     -ms-linear-gradient(top, #e5c849, #eedb81);
    background-image:      -o-linear-gradient(top, #e5c849, #eedb81);
    background-image:         linear-gradient(top, #e5c849, #eedb81);
    /* #ebf3fc, #dce9f9 */
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    cursor: pointer; 
    cursor: hand; 
} 
/*
table.sortable th {
    cursor: pointer; 
    cursor: hand; 
}  
*/
table.sortable thead {
    background-color: #e5c849;
    color: black;
}
table.sortable tfoot {
    background-color: #e5c849;
    color: black;
}
.box {
    overflow: auto;
}

.pos {
    color: blue; 

}
.neg {
    color: red; 
    
}
/*     font-weight: bold;  Extras - overflow-y:auto; overflow-x:hidden; color:#666666; font-weight: bold; cursor: default;*/

/* Bordered Table */
table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
}

.stdtable {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;  
 
}
    /* width: 100%; */     
    
.stdtable tr:hover {
    background: #FFFFCC; 
    /* #fbf8e9 */
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.stdtable td, .stdtable th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 4px;
}

.stdtable th {
    text-align: center; 
    background-color: #1c77a4;
    color: black;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #e5c849, #eedb81);
    background-image:    -moz-linear-gradient(top, #e5c849, #eedb81);
    background-image:     -ms-linear-gradient(top, #e5c849, #eedb81);
    background-image:      -o-linear-gradient(top, #e5c849, #eedb81);
    background-image:         linear-gradient(top, #e5c849, #eedb81);
    /* #ebf3fc, #dce9f9 */
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);

}

.stdtable td:first-child, .stdtable th:first-child {
    border-left: none;
}

.stdtable th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.stdtable th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.stdtable th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.stdtable tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.stdtable tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

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


/* drag objects (DIV elements inside table cells) */
.drag{
	cursor: move;
	margin: auto;
	z-index: 10;
	background-color: white;
	text-align: left;
	font-size: 10pt; /* needed for cloned object */
	opacity: 0.7;
	filter: alpha(opacity=70);
	/* without width, IE6/7 will not apply filter/opacity to the element ?! */
	/* IE needs element layout */
	width: 200px;
	height: 15px;
	line-height: 15px;
	/* round corners */
	border-radius: 4px; /* Opera, Chrome */
	-moz-border-radius: 4px; /* FF */
}