/* ------------------------------------------- */
/* ProPool.com - main style sheet
   ------------------------------------------- */
/* Asterisk = Universal defaults - applies to all elements */
* 
{
	margin: 0;
	padding:0;
}

html
{
    font-family:Helvetica,Arial,Sans-serif;
    height:100%;
}
body
{
    height:100%;                /* For IE6 makes content go around both columns */
 /* border:solid 2px Purple;   /* Debug */
}
body p
{
 padding:.4em;
}
/* ---------------------------------------------------------------------------- */
/* Form - Wraps Headers + Content + Footer
/*
/*   The navigation (left) column Background is positioned on form  
/*   instead of on the left column which allows it to show through all the 
/*   way to the bottom of the page when the right column is longer than the
/*   navigation column.
/*
/* ---------------------------------------------------------------------------- */
form 
{    
    height:100%;
    width:100%;
/*   border:solid 2px Red;    /* Debug */
/*   background-color:Gray;    /* Debug */
}

/* Form Padding layer allows padding to work OK in IE, which incorrectly puts padding OUTSIDE the box */ 
#formpadding
{
  width:inherit;
  height:100%;
}

/* ---------------------------------------------------------------------------- */
/*  Content Wrapper - Wraps both main columns only                              */
/* ---------------------------------------------------------------------------- */
#contentwrapper
{ 
  background: #0FAB13  url(Images/black-left-nav-w-gold-trim.gif) repeat-y 14% 0; /* debug */     
  float:left;
  height:auto;
  width:100%;
/*  border-bottom:solid 4px orange; /* Debug */
}
/* ---------------------------- */
/* Footer Layout                */
/* ---------------------------- */
/* Note: padding on this level forces vert scrollbars! */
#footer
{
    height:auto; /* Debug */
/*  height:50%; /* Debug */
  float:none;
  clear:both;
  border-top:solid 2px yellow;
/* border:solid 4px blue;  /* Debug */
}
#footerpadding
{
    padding:.7em;
}


/* ---------------------------------------------------------------------------- 
/*  Columns for main page layout 
/*
/*    Use background = 15% on body, positions the image appropriately 
/*    Use background = 0 if bg positioned here
/*    background: url(Images/bg_horiz_fade15percent.png) repeat-y 0% 0; 
/* ---------------------------------------------------------------------------- */
#maincol1
{
  float:left;
  width:14%;
/* border:solid 4px blue; /* Debug */
} 
#maincol1padding
{
 padding:.7em;
}
#maincol2
{
  float:left;
  width:85%;
  color:black;
/*  border:solid 4px blue; /* Debug */
}
#maincol2padding
{
 float:left;
 padding:.5em .75em .5em .75em;
 margin:20px 10px 20px 30px;    
 background:white;
/* border:solid 2px yellow; /* Debug */
}
 
/* ---------------------------- */
/* header layout     ^..^       */
/* ---------------------------- */
/* Note: width set on outer container (ul), padding on inner (ul li)*/
#hdrtop
{
    float:left;
    width:100%;
}
#hdrtop li
{
    width:auto;
    list-style:none;
    padding:13px 0 13px 13px;
    }
/* outer container = float none. */  
/* NOTE: Width 100% caused horizontal scroll bars */
#hdrbottom
{
    float:left;
    width:100%;          
    border-top:solid 2px yellow;
    border-bottom:solid 2px yellow;
}
#hdrbottom1 { float:left; }  
#hdrbottom2 { float:right; padding:.7em; }
 
#hdrbottom ul 
{
    width:100%;      /* Necessary for menus to span entire width in ff */
    list-style:none;
    float:left;
    padding:4px 0 4px 0;
}
#hdrbottom ul li
{
}
/* ---------------------------------------------------- */
/* Flaming Ball Menu                                    */
/* ---------------------------------------------------- */
#flaming-balls { float:left; padding: 0 0 0 170px;  width:auto; }
.graphic-menu { float:left; background:inherit; } 
.graphic-menu li { list-style: none; margin-right:2px; height: 64px; } 
.graphic-menu li a, .graphic-menu li a:visited 
       { display: block; text-decoration: none; text-indent: 10px;  height: 64px;  color:white; font-size:12px; font-weight:700; } 
.menu1 {background-image: url(images/graphics/flamingBall1Yellow.gif); width: 96px;  margin-left:0px;} 
.menu1 a {background-image: url(images/graphics/flamingBall1Yellow.gif); margin-left:0px;} 
.menu2 {background-image: url(images/graphics/flamingBall2Blue.gif); width: 96px;} 
.menu2 a {background-image: url(images/graphics/flamingBall2Blue.gif);} 
.menu3 {background-image: url(images/graphics/flamingBall3Red.gif); width: 96px;}
.menu3 a {background-image: url(images/graphics/flamingBall3Red.gif);} 
.menu4 {background-image: url(images/graphics/flamingBall4Purple.gif); width: 96px;} 
.menu4 a {background-image: url(images/graphics/flamingBall4Purple.gif);} 
.menu5 {background-image: url(images/graphics/flamingBall5Orange.gif); width: 96px;} 
.menu5 a {background-image: url(images/graphics/flamingBall5Orange.gif);} 
.menu6 {background-image: url(images/graphics/flamingBall6Green.gif); width: 96px;} 
.menu6 a {background-image: url(images/graphics/flamingBall6Green.gif);} 
.menu7 {background-image: url(images/graphics/flamingBall7Burgundy.gif); width: 96px;}
.menu7 a {background-image: url(images/graphics/flamingBall7Burgundy.gif);} 

ul.graphic-menu li a:hover {background-image: url(images/graphics/flamingBall8Black.gif);} 
 .graphic-menu li {float: left;} 
.graphic-menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.shadow {
	height: 2em;
	filter: Shadow(Color=#333300, 	
			Direction=135, 
			Strength=3);
}
/* ------------------------------------------------------------ */
/* Styling for header, footer, and navigation column            */
/* ------------------------------------------------------------ */
/* .bgborder { background:#bbb; color:Blue;}    /* Debug */
 .bgborder {background: #000; color:#FFEC00;} /* Production    */

 .bgborder p
 {  
   color:#FFEC00;
   font-size:large; 
}
/* ---------------------------- */
/* Content layout classes       */
/* ---------------------------- */

.floatleft
{
    float:left;
/*    padding:1em .5em .75em .5em;
    margin:0em; */
}
.floatright
{
    float:right;
/*    padding:1em .5em .75em .5em;
    margin:.5em; */ 
}
.floatnone
{
    clear:both;
    float:none;
}

/* ----------------------------------------------------- */
/* Hyperlink styles used over the top header             */
/* ----------------------------------------------------- */
 .hlinkhdr, .hlinkhdr:visited
{
    color:#FFEC00;
}
.hlinkhdr:hover
{
    color:Goldenrod;
}
.hlinkhdr:active 
{
    color:White;
    text-decoration:blink;
}
/* ------------------------------------------------------- */
/* Hyperlink styles used over the left (Navigation) column */
/* ------------------------------------------------------- */
 .hlinknav, .hlinknav:visited, .navcol
{
   color:#FFEC00;
}
.hlinknav:hover
{
    color:Goldenrod;
}
.hlinknav:active 
{
    color:White;
    text-decoration:blink;
}
/* ----------------------------------------------------- */
/* Hyperlink styles used over the white backgrounds      */
/* ----------------------------------------------------- */
.hlink2
{
    color:black;
}
.hlink2:visited 
{
    color:Blue;
}
.hlink2:hover
{
    color:LightBlue;
}
.hlink2:active 
{
    color:Blue;
    text-decoration:blink;
}

/* ---------------------------- */
/* Players Page                 */
/* ---------------------------- */
#PlayerGrid1
{
    vertical-align:top;
    width:100%;
  }
  
/* ----------------------------------- */
/* Skin Classes - FormView/Common      */
/* ----------------------------------- */
/*   Forest Green:#228B22;
/*   bcgnd Was:  LightGreen; 
/*   new light green: #DDFFCC;
/* Following classes are from 
/*    #588E03; /* Dark Green 2  */
/*    #9CCE2E; /* Medium Green  */
/*    #C3BB1F; /* Olive         */
/*    #F9630D; /* Orange        */
/*    #F7AE16; /* Pale orange   */
/*    #FFEC00; /* Yellow        */

.OverallStyle
{
    border: solid thin ForestGreen;
    border-collapse:collapse;
    background-color:White;
    padding: .2em;
}
 .DataRow
 {
/*    background-color:Transparent; */
 } 
 .EditRow, InsertRow
 {
/*    background-color:Transparent; */ 
 }
 .EmptyRow
 {
    background-color:#F8F8F8;
 }
 .HeaderRow, .HeaderRow a, .HeaderRow a visited,
 .PagerRow,  .PagerRow a, .PagerRow a visited,
 .FooterRow, FooterRow a, .FooterRow a visited 
 {
    background-color:ForestGreen;
    color:Yellow;
 }
/* ----------------------------------- */
/* Skin Classes - GridView             */
/* ----------------------------------- */
 .AltDataRow
 {
    background-color:#DDFFCC;
 }
 .SelectedRow
 {
    background-color:Yellow;
 } 
 
 /*Common Styles*/
 .HeaderRow th, .FooterRow td, 
 .DataRow td, .AltDataRow td,   
 .EditRow td, .EmptyRow td,
 .InsertRow td, .SelectedRow td
{
  padding:.2em;
  vertical-align:middle;
  border-collapse:collapse;
}
/* *******************************************************************/     
/* Column Styles - Used to apply to columns in grid view             */
/* *******************************************************************/     
.ljdescription
{
    text-align:left;
    white-space:nowrap;
}
.left
{
 text-align:left;
}
.centered 
{
    text-align:center;
}

.centerwrap
{
  text-align:center;
  white-space:normal;
}
  
.right
{
 text-align:right;
}
 

/* ------------------ */
/* General Use        */
/* ------------------ */

.underline
{
    text-decoration:underline;
}

.tablestyle
{
  border-collapse:collapse;
  border-right:solid 1px ForestGreen;
}

.tablestyle td
{
  padding:2px 2px 2px 5px;
  border:solid 1px ForestGreen;
  vertical-align:middle;
}
.fullwidth
{
 width:100%;
}

.lightemphasized
{
  background-color:#DDFFCC;
  border:solid 1px #DDFFCC;
}

.mediumemphasized
{
 background-color:#DDFFCC;
  font-size:1.5em;
  padding:.3em;

}

.emphasized
{
   background-color:ForestGreen;  
   border:solid 1px Black;
   color:Yellow;
   padding:.2em;
}

.bigemphasized
{
   background-color:ForestGreen;  
   border:solid 1px ForestGreen;
   font-size:x-large;
   color:Yellow;
/*   padding:.1em; */
}

.bignormal
{
  font-size:x-large; 
}

 
/* ------------------ */
/* Headers            */
/* ------------------ */
h1,h2,h3,h4,h5,h6 
{
    
}
h1 {
    font-size: 1.5em; 
    Margin:10px 0 3px 0;
}
h2 {
    font-size:1.4em;
    padding:3px;
}
h3 {
    font-size: 1.3em; 
    padding:3px;
}
h4 {
    font-size:1.2em;
    padding:2px;
}
h5 {
    font-size: 1.1em; 
    padding:2px;
}
h6 {
    font-size:1.05em;
    padding:1px;
}
/* ---------------------------------------------------- */
/* Success, Validation, Warning and Error Messages      */
/* --------------------------------------------------- */
.info{
    background-color:#BDE5F8;
    color:#00529B;
    border: 1px #00529B solid;
    display:inline-block;
    padding:15px 10px 15px 50px;
    margin: 10px;
    background-image:url('Images/Icons/Knob info.png');
    background-repeat:no-repeat;
    background-position: 10px center;
    vertical-align:middle;
}
.success{
    background-color:#DFF2BF;
    color:#4F8A10;
    border: 1px #4F8A10 solid;
    display:inline-block;
    margin: 10px;
    padding:15px 10px 15px 50px;
    background-image:url('Images/Icons/Knob Valid Green.png');
    background-repeat:no-repeat;
    background-position: 10px center;
    vertical-align:middle;
}
.error{
    background-color:#FFBABA;
    border: 1px #D8000C solid;
    color:#D8000C;
    display:inline-block;
    margin: 10px;
    padding:15px 10px 15px 50px;
    background-image:url('Images/Icons/Knob Cancel.png');
    background-repeat:no-repeat;
    background-position: 10px center;
    vertical-align:middle;
}

.error ul {

   padding:5px 5px 5px 15px;

}

.warning{
    background-color:#FEEFB3;
    border: 1px #9F6000 solid;
    color:#9F6000;
    display:inline-block;
    margin: 10px;
    padding:15px 10px 15px 50px;
    background-image:url('Images/Icons/Knob Attention.png');
    background-repeat:no-repeat;
    background-position: 10px center;
    vertical-align:middle;
}
.validation{
    background-color:#FFCCBA;
    color:#D63301;
    display:inline-block;
    border: 1px #D63301 solid;
    padding:15px 10px 15px 50px;
    margin: 10px 0px;
    background-image:url('Images/Icons/Knob Attention Red.png');
    background-repeat:no-repeat;
    background-position: 10px center;
    vertical-align:middle;
}

/* ---------------------------------------------------- */
/* Used with non-master page test pages only            */ 
/* ---------------------------------------------------- */
.normtext 
{
    background:#fff;
    margin:.4em;
    padding:.4em;
    color:Black;
 }