body#teams                              {background: #C31700}
body#teams div#container div#imgbg      {background: url(../img/teams_bg.jpg) no-repeat; position: absolute; top:0; left:0; width: 1200px; height: 800px; z-index: -2}
body#teams div#main                     {background: #F3C8C2; float:left; margin: 10px 0px 0px 18px; width: 580px}

    div#latest-teams    {float: left; width: 288px}
    div#latest-teams h2 {
        background: url(../img/teams-sprite.png) 0 0 no-repeat;
        color:#229C23;
        font-size: 21px;
        font-weight: bold;
        height: 61px;
        line-height: 22px;
        overflow: hidden;
        padding: 12px 0px 0px 13px;
    }

    div#top-rated-teams {margin-left: 292px; width: 288px}
    div#top-rated-teams h2  {
        background: url(../img/teams-sprite.png) -292px 0 no-repeat;
        color:#FFFFFF;
        font-size: 21px;
        font-weight: bold;
        height: 61px;
        line-height: 23px;
        overflow: hidden;
        padding: 12px 0px 0px 10px;
        text-align: right;
    }

    div#top-rated-teams h2 span.left                                 {color: #E00E7A; float: left; text-align: left; width: 115px}
    div#top-rated-teams h2 span.right                                {color: #FFF; float: left; margin-left: 10px; text-align: right;}
    div#top-rated-teams h2 span.right .small                         {font-size: 12px; line-height: 13px;}

    div#top-rated-teams h2.phase2 {background-position: -293px -300px; text-align: left; color: #E00E7A}

    div#team-list-bottom {clear: both}

    div#latest-teams ul.team-list                 {background: #229C23;}
    div#top-rated-teams ul.team-list              {background: #E00E7A;}

    ul.team-list                                            {list-style: none; margin-top: 2px; width: 288px;}
        li.team-list-member                                 {border-bottom: 1px solid #F3C8C2; height: 164px; padding-bottom: 10px;}
        li.team-list-member h3.team-list-teamname           {color: #FFF; font-size: 21px; font-weight: bold;}
        li.team-list-member ul.members                      {font-size: 14px; float: left; font-weight: normal; list-style: none; text-align: center; width: 120px; margin-left: 10px}
        li.team-list-member div.image-scroller              {margin-left: 3px}

        li.team-list-member div.name-and-points             {float:left;  margin: 5px 0px 5px 10px;  width: 200px;}
        li.team-list-member span.team-list-team-no          {display: block; float:left;  line-height: 16px; width: 140px}
        li.team-list-member span.team-list-team-pt          {display: block; float:left;  line-height: 16px;}

        li.team-list-member div.place-and-votes             {float:left; margin: 5px 0px 5px 0px; width: 71px}
        li.team-list-member span.team-list-team-place       {display: block; float:left; text-align:center; width: 30px;}
        li.team-list-member span.team-list-team-votes.uptrend       {display: block; float:left; text-align:right; padding:14px 0 0 0; margin: 2px 0 0 20px; background:url(../img/teams-sprite.png) -8px -249px no-repeat; width: 15px;}
        li.team-list-member span.team-list-team-votes.downtrend     {display: block; float:left; text-align:right; padding:14px 0 0 0; margin: 2px 0 0 20px; background:url(../img/teams-sprite.png) -8px -260px no-repeat; width: 15px;}
        li.team-list-member span.team-list-team-votes.nochange      {display: block; float:left; text-align:right; padding: 0 0 0 0; margin: 2px 0 0 20px; width: 15px;}
        li.team-list-member span.team-list-data             {font-size: 14px; font-weight: bold; text-align:center;}

		li.team-list-member .view-profile                   {display:block; float: left; width:105px; height:40px; margin: 10px 10px 0px 10px; background:url(../img/teams-sprite.png) 0 -75px no-repeat;}
		li.team-list-member .view-profile span              {display:none;}
		li.team-list-member .view-profile-pink              {display:block; width:105px; height:40px; margin:0px 0 10px 163px; background:url(../img/teams-sprite.png) -105px -75px no-repeat; }
		li.team-list-member .view-profile-pink span         {display:none;}

    br.clear {clear: both}

	div#team-list-bottom                                    {clear: both; width:579px; height:52px; }
	div#team-list-bottom div#paginator                      {color: #E00E7A; float: left; font-size: 10px; margin: 19px 0 0 10px; width: 267px}
	div#team-list-bottom div#search-form                    {float: left; width: 287px; height:39px; margin: 4px 0 10px 287px; background:url(../img/teams-sprite.png) 0 -201px no-repeat;}
	div#team-list-bottom div#search-form .input             {float: left;}
	div#team-list-bottom div#search-form input              {margin: 9px 0 0 8px; height: 20px; border: 0; width: 194px}
	div#team-list-bottom div#search-form div.submit input   {background: url(../img/teams-sprite.png) -294px -210px no-repeat; margin: 7px 0 0 8px; height: 24px; border: none; font-size: 0px; line-height: 0px; text-indent: -9999px; width: 70px}
    div#team-list-bottom div#top-paginator                  {color: #E00E7A; float: left; font-size: 10px; padding: 19px 0 0 18px;}
/*
	    li.team-list-member div.teams-image-scroller        {clear: both; float:left; margin-left: 3px}

    div#latest-teams, div#top-rated-teams                            {float: left; width: 288px}
    div#latest-teams h2, body#teams div#top-rated-teams h2           {font-weight: bold; font-size: 21px; height: 61px; overflow: hidden; line-height:23px; padding:12px 0px 0px 13px;}
    div#latest-teams h2                                              {background: url(../img/teams-sprite.png) 0 0 no-repeat; color:#229C23}
    div#top-rated-teams h2                                           {background: url(../img/teams-sprite.png) -290px 0 no-repeat; color:#229C23; margin-left: 2px; padding:12px 10px 0px 13px; text-align: right}


    div#top-rated-teams ul.team-list {margin-left: 4px}


/*
    body#teams div#main div#latest-teams, body#teams div#main div#top-rated-teams               {float:left; width: 290px;}

		body#teams div#main div#latest-teams .latest-teams-left                             {float: left; height:61px; padding:7px 10px; background: url(../img/teams-sprite.png) -1px 0 no-repeat; color:#229C23; width: 290px}
		body#teams div#main div#top-rated-teams  .top-rated-teams-right                     {float: left; height:61px; padding:7px 10px; background: url(../img/teams-sprite.png) -290px 0 no-repeat; color:#229C23; width: 290px}
		/*	body#teams div#main div#top-rated-teams  .top-rated-teams-right .left           {width:115px; float:left; color:#E00E7A;}
			body#teams div#main div#top-rated-teams  .top-rated-teams-right .right          {width:170px; float:left; color:#fff; text-align:right; margin:0px;}
				body#teams div#main div#top-rated-teams  .top-rated-teams-right .right b    {font-size:12px;}*/
/*			body#teams div#main div#top-rated-teams  .top-rated-teams-right h2.left         {color: #E00E7A; float: left; width: 115px}
			body#teams div#main div#top-rated-teams  .top-rated-teams-right h2.right        {float: left; text-align: right; color: #FFF; width: 155px;  margin-right: 15px;}
			body#teams div#main div#top-rated-teams  .top-rated-teams-right h2.right span   {display: block; font-size: 12px}

    body#teams div#main div#latest-teams ul.team-list li.team-list-member {margin-right: 2px}
    body#teams div#main div#top-rated-teams ul.team-list li.team-list-member {margin-left: 1px}


    body#teams div#main div#latest-teams ul.team-list li        {background: #229C23;}
    body#teams div#main div#top-rated-teams ul.team-list li     {background: #E00E7A;}

*/

