/*------ Tooltip ------ */



.tooltip {

  display:none;

  font-family:Arial, Helvetica, sans-serif;

  background:transparent url(/slices/black_arrow.png);

  font-size:16px;

  height:55px;

  width:160px;

  padding:40px 25px 25px 25px;

  color:#FFFFFF;  

  text-align:center;

}



.userName{

  width:65px;

}



#register a:link, #register a:visited{

  font-family:Arial, Helvetica, sans-serif;

  font-size:12px;

  color:#FFFFFF;

  text-decoration:underline;

}



#register a:hover {

  font-family:Arial, Helvetica, sans-serif;

  font-size:12px;

  color:#A3D2E7;

  text-decoration:none;

}



/*------------ Register -------------*/



#loginForm p{

  color:#FFFFFF;

  font-size:13px;

  text-align:center;

}



#registerWrapper{

  width:464px;

  min-height:100px;

  margin:auto;

  font-family:Arial, Helvetica, sans-serif;

}



#registerTop{

  width:464px;

  height:89px;

  background-image:url(slices/signup-top.png);

  float:left;

  clear:both;

}



#register{

  width:364px;

  padding:0 0 0 100px;

  min-height:200px;

  background-image:url(slices/signup-back.png);

  background-repeat:repeat-y;

  float:left;

  clear:both;

}



#register p{

  margin:5px 0 0 0;

  font-size:13px;

  color:#FFFFFF;

  text-align:left;



}



#register h2{

  font-family:Arial, Helvetica, sans-serif;

  color:#0184C4;

  font-size:16px;

  font-weight:lighter;

  margin:5px 0 0 0;

  text-align:left;

}



#registerFooter{

  width:464px;

  height:46px;

  background-image:url(slices/signup-bottom.png);

  float:left;

  clear:both;

}



#registrationError{

  width:464px;

  min-height:30px;

  background-image:url(slices/signup-back.png);

  background-repeat:repeat-y;

  float:left;

  clear:both;

}



#registrationError p{

  font-family:Arial, Helvetica, sans-serif;

  color:#990000;

  font-size:14px;

  margin:5px 0 5px 0;

  text-align:center;

}



#registrationError a:link, #registrationError a:visited{

  color:#FFFFFF;

  text-decoration:underline;

}



#registrationError a:hover{

  color:#EFEFEF;

  text-decoration:none;

}



#registrationError h1{

  font-family:Arial, Helvetica, sans-serif;

  color:#FFFFFF;

  font-size:18px;

  font-weight:lighter;

  margin:15px 0 15px 0;

  text-align:center;

}



.profile{

  float:left;

  font-size:13px;

}



.text-box{

  width:175px;

}



    /* ------ Error Box  ------ */

    

      .error{

        margin:20px 0;

        width:368px;

        padding:10px 10px 10px 10px;

        border:1px solid #990000;

        background-color:#410204;

        font-family:Arial, Helvetica, sans-serif;

        font-size:13px;

        color:#FFFFFF;

        text-align:left;

        clear:both;

      }

      

      .error p{

        margin:0;

      }

      

      .error ul{

        margin-left:10px;

        padding-left:10px;

      }

      

      .error li{

        list-style:circle;

      }     



    /* ------ Error Box  ------ */



      .success {

        margin:20px 0;

        padding:10px 10px 10px 10px;        

        width:368px;

        border:1px solid #006600;

        background-color:#022C04;

        font-family:Arial, Helvetica, sans-serif;

        font-size:17px;

        font-weight:bold;

        color:#FFFFFF;

        text-align:center;

        float:left;

      }

      

      .success p {

        margin:11px 8px 0px 8px;

      }

      

/* ------ Gloabal ------*/

html {

  min-height: 100%;

  height: auto;

  background-color:#000000; 

}



body{

  margin:0;

  bottom:0;

/*  background-color:#000000; */

}



#wrapper{

  width:100%;

  height:100%;

  margin:auto;

}



#main{

  width:997px;

  clear:both;

  margin:auto;

  text-align:center;

}





.bottom {

  position:fixed;

  bottom:0;

  height:472px;

  width:100%;

  background-image:url(slices/back-new.jpg);

  background-repeat:repeat-x;

  background-position:bottom left;

  z-index:-1;

  clear:both;

}





.bottomHome {

  position:fixed;

  bottom:0;

  height:472px;

  width:100%;

  background-image:url(slices/back-new-home.jpg);

  background-repeat:repeat-x;

  background-position:bottom left;  

  z-index:-1;

  clear:both;

}





/* ------ Login Page ------*/



#loginBack

{

  width:479px;

  height:429px;

  background-image:url(slices/login-back.png);

  background-repeat:no-repeat;

  margin:auto;

}



#login{

  width:100%;

  min-height:250px;

  float:left;

  margin:135px 0 0 0;

}



#login a:link, #login a:visited{

  font-family:Arial, Helvetica, sans-serif;

  font-size:11px;

  color:#FFFFFF;

  text-decoration:underline;

}



#login a:hover {

  font-family:Arial, Helvetica, sans-serif;

  font-size:11px;

  color:#A3D2E7;

  text-decoration:none;

}



.textBoxSmall{

  width:30px;

  height:20px;

  font-family:Arial, Helvetica, sans-serif;

  font-size:14px;

  font-weight:normal;

  color:#333333;

  text-align:center;

  padding:3px 0 0 0;

  border:1px solid #6F7B9F;

  background-image:url(slices/textBoxBack.png);

  background-repeat:repeat-x;

}



.textBox{

  width:225px;

  height:20px;

  font-family:Arial, Helvetica, sans-serif;

  font-size:14px;

  font-weight:normal;

  color:#333333;

  text-align:left;

  padding:3px 0 0 4px;

  border:1px solid #6F7B9F;

  background-image:url(slices/textBoxBack.png);

  background-repeat:repeat-x;

}



#loginForm{

  width:100%;

  min-height:85px;

  clear:both;

}



#loginError{

  width:100%;

  min-height:50px;

  float:left;

  clear:both;

  font-family:Arial, Helvetica, sans-serif;

  color:#FFFFFF;

  font-size:13px;

  font-weight:bold;

  text-align:center;  

}





/* ------ Header ------*/



#header{

  width:997px;

  height:143px;

  clear:both;

  background-image:url(slices/header.png);

}



#menu {

  width:997px;

  background-image:url(slices/menu-back.png);

  height:35px;

  clear:both;

}



.miniNav p {

  margin:0;

  text-align:right;

}



.switcherTable{

  width:375px;

  height:50px;

  float:left;

  margin:5px 0 0 15px;  

}



.switcherTable table{

  width:370px;

  height:25px;

}



.switcher h1{

  font-family:Arial, Helvetica, sans-serif;

  font-size:11px;

  font-weight:bold;

  color:#FFFFFF;

  text-align:left;

  margin:0;

}



.switcher {

  width:401px;

  height:91px;

  float:right;

  margin:13px 13px 0 0;

}



.miniNav

{

  width:390px;

  float:right;

  margin:0px 0px 0 0;

  clear:both;

  font-family:Arial, Helvetica, sans-serif;

  font-size:11px;

  color:#FFFFFF;

  padding:4px 15px 0 0;

}



.miniNav a:link, .miniNav a:visited {

  font-family:Arial, Helvetica, sans-serif;

  font-size:11px;

  color:#FFFFFF;

  text-decoration:underline;

}



.miniNav a:hover {

  font-family:Arial, Helvetica, sans-serif;

  font-size:11px;

  color:#A3D2E7;

  text-decoration:none;

}



/* ------ Home ------*/



h3 {

  font-family:Arial, Helvetica, sans-serif;

  font-size:28px;

  color:#FFFFFF;

  font-weight:500;

  text-align:center;

}



#content{

  width:997px;

  background-image:url(slices/main-back.png);

  background-repeat:repeat-y;

  clear:both;

  color:#FFFFFF;

  min-height:400px;

  float:left;

}



#leftColumn{

  width:747px;

  float:left;

}



#weeklySchedule{

  width:625px;

  margin:10px 0 0 76px;

  float:left;

  clear:both;

}



#rightColumn{

  width:250px;

  float:right;

}



#rightBody{

  width:250px;

  min-height:159px;

  background-image:url(slices/right-panel1.png);

  background-repeat:no-repeat;

  float:left;

  clear:both;

}



#rightBody2{

  width:250px;

  min-height:200px;

  background-image:url(slices/right-panel2.png);

  background-repeat:no-repeat;

  float:left;

  clear:both;

}



#rightColumn h1{

  font-family:Arial, Helvetica, sans-serif;

  font-size:15px;

  color:#A3D2E7;

  font-weight:500;

  text-indent:4px;

  text-align:left;

  margin:11px 0 0 21px;

}



#rightColumn h2{

  font-family:Arial, Helvetica, sans-serif;

  font-size:13px;

  color:#000000;

  font-weight:500;

  text-indent:4px;

  text-align:left;

  margin:11px 0 0 21px;

}



#rightTop{

  width:250px;

  height:48px;

  background-image:url(slices/right-head2.png);

  background-repeat:no-repeat;

  float:left;

  clear:both

}



#rightFooter{

  width:250px;

  height:23px;

  background-image:url(slices/rightFooter.png);

  background-position:left bottom;

  background-repeat:no-repeat;

  float:left;

  clear:both;

}



.contentFooter{

  width:997px;

  height:64px;

  background-image:url(slices/content-footer.png);

  clear:both;

  background-repeat:no-repeat;

}



#intro{

  font-family:Arial, Helvetica, sans-serif;

  width:701px;

  clear:both;

  text-align:left;

  padding:22px 0 0 76px;

}



#intro h1{

  font-size:20px;

  color:#FFFFFF;

  margin:0;

  font-weight:lighter;

  text-indent:4px;

}



#intro p{

  margin:5px 0 0 0;

  color:#FFFFFF;

  font-size:12px;

  text-indent:4px;  

}



.week{

  width:400px;

  float:left

}



#logo{

  width:200px;

  float:left;

  text-align:right;

}



#logoBack{

  background-image:url(slices/logo.jpg);

  background-repeat:no-repeat;

  width:66px;

  height:80px;

  float:right;

}



.apple{

  background: transparent url(slices/nfl-teams.png);

  background-repeat:no-repeat;  

  width:62px;

  height:50px;

  margin:2px 0 0 2px;

}





#schedule{

  font-family:Arial, Helvetica, sans-serif;

  font-size:12px;

  border-collapse:collapse;

  text-align:left;

  

}



#schedule p{

  margin:0;

}



#schedule tr{

  height:25px;

}





.date{

  background-color:#343434;

  text-align:left;

  text-indent:4px;

  color:#FFFFFF;

}



.columns{

  border-top:1px solid #000000;

  background-color:#1c1c1c;

  text-align:left;

  text-indent:4px;

  color:#FFFFFF;

}



.active{

  border-bottom:1px solid #515151;

  color:#999999;

  text-indent:4px;  

}



.active a:link, .active a:visited{

  text-align:left;

  text-indent:4px;

  text-decoration:none;

  color:#A3D2E7;

}



.active a:hover {

  text-align:left;

  text-indent:4px;

  text-decoration:none;

  color:#FFFFFF;

}



.unavailable{

  color:#666666;

  text-decoration:line-through;

}



.expiredGame{

  color:#666666;

}



#picks{

  width:400px;

  float:left;

  margin:20px 0 0 80px;

}



#picks h1{

  font-family:Arial, Helvetica, sans-serif;

  color:#FFFFFF;

  font-size:20px;

  font-weight:lighter;

  margin:0;

  text-align:left;

}



/* ------ Past Picks Table ------ */



#pastPicks{

clear:both;

float:left;

text-align:left;

padding:18px 0 0 76px;

width:990px;

}



#pastPicks h1{

  font-family:Arial, Helvetica, sans-serif;

  font-size:16px;

  color:#FFFFFF;

  margin:0 0 15px 0;

  font-weight:500;

  text-align:left;

}



#pastPicks tr {

  border:1px solid #333333;

}



#pastPicks td {

  border:1px solid #333333;

  width:30px;

  height:30px;

}



.empty {

  width:30px;

  height:30px;

}



.dead-logoSmall{

  filter:alpha(opacity=10);

  -moz-opacity:0.2;

  -khtml-opacity: 0.2;

  opacity: 0.2;



  background: transparent url(slices/logo-small.png);

  background-repeat:no-repeat;  

  width:30px;

  height:30px;

  margin:2px 0 0 7px;

}



.alive-logoSmall{

  background: transparent url(slices/logo-small.png);

  background-repeat:no-repeat;  

  width:30px;

  height:30px;

  margin:2px 0 0 7px;

}



.alive{

  width:140px;

  padding-left:5px;

}



.dead{

  width:140px;

  padding-left:5px;

}



.alive h2{

  font-family:Arial, Helvetica, sans-serif;

  font-size:13px;

  color:#FFFFFF;

  margin:0;

  font-weight:500;

  text-align:left;

}



.dead h2{

  font-family:Arial, Helvetica, sans-serif;

  font-size:13px;

  color:#333333;

  margin:0;

  font-weight:500;

  text-align:left;

}





.pastWeekPick{

  font-family:Arial, Helvetica, sans-serif;

  font-size:13px;

  color:#FFFFFF;

  margin:0;

  font-weight:500;

  text-indent:4px;

  text-align:center;

}



.pickStatus{

  width:65px;

}





/* ------ Admin Styles ------ */



#adminSchedule{

  font-family:Arial, Helvetica, sans-serif;

  font-size:12px;

  border-collapse:collapse;

  text-align:left;

  

}



#adminSchedule p{

  margin:0;

}



#adminSchedule tr{

  height:30px;

}



.textBoxAdmin{

  width:20px;

  font-family:Arial, Helvetica, sans-serif;

  font-size:12px;

  text-align:center;

}



.weekToggle{

  width:400px;

  margin:10px 0 0 76px;

  float:left;

  clear:both;

  text-align:left;

  font-family:Arial, Helvetica, sans-serif;

  font-size:12px;

  color:#FFFFFF;  

  font-size:13px;

}



.weekToggle a{

  font-family:Arial, Helvetica, sans-serif;

  text-align:left;

}



.weekToggle a:link, .weekToggle a:visited{

  text-align:left;

  text-decoration:underline;

  color:#FFFFFF;

}



.weekToggle a:hover {

  text-align:left;

  text-decoration:none;

  color:#CCCCCC;

}