body#profile {background: #C31700}
body#profile 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}

div#top, div#middle, div#bottom         {margin: 0;}
/*TOP SECTION */
div#top             {background: url(../img/profile_curvy_transition.png) 18px bottom no-repeat; float: left}
    div#main        {background: url(../img/profile_sprite.png) 0px -275px no-repeat; float: left; margin: 10px 0 0 18px; width: 581px}
        /* team's neighbors */
        div#neighbors                           {background: url(../img/profile_sprite.png) 0px -23px no-repeat; height: 69px; padding: 3px 0px 3px 0px; width: 581px}
        div#prev-neighbor                       {float:left; margin: 4px 9px 0px 0px; width: 285px}
        div#prev-neighbor a.neighbor-next-link  {background: url(../img/profile_sprite.png) -582px -24px no-repeat; display: block; float: left; height: 45px; margin: 8px 14px 0px 12px; text-indent: -9999px; width: 147px}

        div#next-neighbor                       {float: left; margin-top: 4px}
        div#next-neighbor a.neighbor-prev-link  {background: url(../img/profile_sprite.png) -596px -70px no-repeat; display: block; float: left; height: 45px; margin: 8px 0px 0px 14px; text-indent: -9999px; width: 147px}

        /* team's ratings */
        div#rating-info                             {background: url(../img/profile_sprite.png) 0px -100px no-repeat; height: 46px; margin: 3px 0px 0px 3px; overflow: hidden; width: 581px}
            div#rating-info div                     {float:left}
                div#rating-info div span            {color: #E00E7A; line-height: 16px;}
				div#rating-info div span.rating     {font-weight:bold;}
                div#rating-info div span.data       {display: block; font-size: 18px; font-weight: bold; }
                div#rating-info div span.large      {font-size: 31px; line-height:22px;}

            /* team's name */
            div#rating-info div#team-name            {margin-left: 10px; margin-top: 1px; width: 197px}
                div#rating-info div#team-name span   {color: #FFFFFF}
                div#rating-info div#team-name h2     {font-size: 21px; font-weight: bold; margin: 0; padding:0}

            /* team's points */
            div#rating-info div#team-points          {margin-left: 10px; width: 129px;}

            /* team's position */
			div#rating-info div#team-rating             {margin:3px 0px 0px 17px; text-align:center; width: 61px; }
				div#rating-info div#team-rating .place  {display: block; font-size:18px; font-weight:bold;}
				div#rating-info div#team-rating .data   {margin: 5px 0 0 0; font-size:26px; font-weight:bold;}

            /* team's last week's votes */
			div#rating-info div#votes-last-week.uptrend     {height: 46px; margin:0; padding-top: 8px; width:148px}
			div#rating-info div#votes-last-week.downtrend   {background: url(../img/profile_sprite.png) -583px -526px; height: 46px; margin:0; padding-top: 8px; width:148px}
			div#rating-info div#votes-last-week.nochange    {background: url(../img/profile_sprite.png) -901px -439px; height: 46px; margin:0; padding-top: 8px; width:148px}
				div#rating-info div#votes-last-week .data   {font-weight:bold; font-size:12px; margin-left: 21px}
				div#rating-info div#votes-last-week .points {padding-left:28px; font-size:20px; font-weight:bold;}

		/* team's description and members */
        div#team-description                            {background: #F3C8C2; color: #5E5E5E; width: 581px}
            div#team-description div.image-scroller     {float: right; height: 98px; margin-right: 3px; margin-top: 17px; }
            div#team-description p                      {margin-left: 22px; padding-top: 17px; min-height: 88px; width: 400px}
            div#team-description h3                     {background: url(../img/profile_sprite.png) -12px -146px no-repeat; height: 26px; margin-left: 12px; text-indent: -9999px; width: 240px}


       body#profile .ui-dialog {padding: 0; background: none; border: none}
       body#profile .ui-dialog-titlebar {display: none}

   /* div#sidebar     {margin-bottom: 20px}*/

    div#middle {background: #F3C8C2; clear:both; height: 57px; margin-left: 18px; width: 758px}
        ul#members    {
            background: url(../img/profile_sprite.png) -1px -173px no-repeat;
            float: left;
            list-style: none;
            margin:0;
            margin-left: 4px;
            padding: 0
        }
            ul#members li  {
                color: white;
                display: block;
                float: left;
                height: 57px;
                margin-left: 1px;
                width: 190px
            }
                ul#members span   {font-weight: bold; line-height: 26px; margin-left: 10px;}

       div#vote                                     {}
           a#vote-btn                                   {background: url(../img/profile_sprite.png) -582px -120px no-repeat; display: block; float: left; height: 56px; margin: 1px 0px 0px 5px; position: relative; left: 14px; text-indent: -9999px; width: 147px; }
           div#voting-dialog                            {background: url(../img/profile_sprite.png) -773px -545px no-repeat; padding: 23px 0px 0px 0px; margin: 0}
           div#voting-dialog form                       {background: #229C23; float: left; padding: 0px 13px 0px 13px}
           div#voting-dialog form label                 {clear: left; color: #FFFFFF; }
           div#voting-dialog form input                 {border-left: 1px solid #C5C9C5; border-top: 1px solid #C5C9C5; float: left; margin-bottom: 13px}
           div#voting-dialog form input#get-code-btn    {background: url(../img/profile_sprite.png) -757px -26px no-repeat; border: none; cursor: pointer; font-size: 0px; height: 21px; line-height: 0px; margin-left: 13px; text-indent: -9999px; width: 92px}
           div#voting-dialog form .submit input         {background: url(../img/profile_sprite.png) -613px -318px no-repeat; border: none; cursor: pointer; font-size: 0px; height: 35px; line-height: 0px; margin-left: 0px; text-indent: -9999px; width: 250px}
           div#voting-dialog div#close-voting-dialog    {background: url(../img/profile_sprite.png) -773px -571px no-repeat; float: left; height: 30px; width: 277px}

           a#edit-profile-btn                           {background: url(../img/profile_sprite.png) -904px -487px no-repeat; display: block; float: left; height: 56px; margin: 1px 0px 0px 5px; position: relative; left: 14px; text-indent: -9999px; width: 147px; }

     /** BOTTOM SECTION */
    div#bottom                      {background: #F3C8C2; margin-left: 18px; min-height: 428px; padding-bottom: 20px; width: 758px}
        div#bottom-left             {float: left}

        /* promo video */
        div#promotion-video         {width: 308px;}
        div#promotion-video h3      {background: url(../img/profile_sprite.png) 0px -231px no-repeat; height:26px; margin: 20px 0px 0px 11px; text-indent: -9999px; width:259px}
        div.video-player            {background: /*url(../img/profile_sprite.png) -0px -408px no-repeat; padding-left: 7px; */}
        div.no-video                {background: url(../img/profile_sprite.png) -572px -359px no-repeat; height: 165px;}
        div.no-video p              {color: #5E5E5E; float:left; margin: 50px 20px 20px 40px}

        /* house items */
        body#profile div#house-items h3 {background: url(../img/profile_sprite.png) -757px -278px no-repeat; height: 37px; margin-left: 13px; margin-top: 22px; text-indent: -9999px; width: 293px}
        body#profile div#house-items ul {background: url(../img/profile_sprite.png) -756px -126px no-repeat; height: 148px; margin-left: 18px; width: 284px}

        /* avatars */
        body#profile div#avatars h3 {background: url(../img/profile_sprite.png) -749px -88px no-repeat; height: 39px; margin-left: 11px; margin-top: 22px; text-indent: -9999px; width: 291px}
        body#profile div#avatars p  {background: #E00E7A; font-size: 10px; margin-left: 18px; width: 264px; padding: 0px 10px 10px 10px}
        body#profile div#avatars p a {color: white; font-weight: bold;}
        body#profile div#avatars ul {background: url(../img/profile_sprite.png) -756px -126px no-repeat; height: 148px; margin-left: 18px; width: 274px}

        /* blog */
        div#blog                    {background: #FFF; width: 407px; padding: 0; margin-top: 20px; margin-bottom: 15px; margin-left: 330px;}
        div#blog h3                 {background: url(../img/profile_sprite.png) -262px -231px no-repeat #F3C8C2; height: 34px; margin-left: 0px;  text-indent: -9999px; width: 407px}
        div#posts                   {width: 407px}
        div#blog ol                 {background: #FFFFFF; color: #E00E7A; font-weight: bold; list-style-position: inside; overflow: hidden; width: 407px; }

        div#blog .post              {border-bottom: 1px solid #E00E7A; margin-left: 15px; margin-right: 26px; padding-top: 10px;}
            div#blog .post-title    {color: #E00E7A; font-size: 12px; font-weight: bold;line-height: 23px; margin-bottom: 10px}
            div#blog .post-body     {color: #5E5E5E; font-weight: normal; margin-bottom: 10px}
            p.message               {background: #FFFFFF; color: #5E5E5E; padding: 10px 26px 0px 15px;}

        a.edit-post-btn             {background: url(../img/profile_sprite.png) -857px 0px no-repeat; display: inline-block; height: 23px; margin-left: 11px; text-indent: -9999px; width: 64px;}

        /* custom scroller */
        .scroll-wrap                                {background: #FFFFFF; height: 500px; margin:0px 0px 0px 10px; padding:0;}
		.scroll-pane                                {background: #FFFFFF; color: #E00E7A;  overflow: auto; height: 472px; padding-right:15px;}
    		.scroll-pane ol                         {color: #E00E7A; font-weight: bold; list-style-position: inside; }
			.scroll-pane ol li                      {border-bottom: 1px solid #E00E7A; margin: 0px 26px 0px 15px; padding-top: 0px;}
					.scroll-pane ol li h4           {color: #E00E7A; display: inline; font-size: 12px; font-weight: bold; margin-bottom: 10px}
					.scroll-pane ol li p            {color: #5E5E5E; font-weight: normal; margin-bottom: 10px}
					.scroll-pane ol li p.tooltip    {color: #E00E7A; font-size: 10px; line-height: 12px}


        /* social networks */
        div#social-networks                            {background: url(../img/profile_sprite) 11px bottom no-repeat; height: 88px; margin-left: 330px; padding-bottom: 6px; width: 260px}
		div#social-networks h3                         {background: url(../img/profile_sprite.png) -315px -408px no-repeat; float: left; height: 43px; text-indent: -9999px; width: 260px}
        div#social-networks ul                         {background: #FFFFFF; float: left; list-style: none; width: 249px; margin-left: 11px;}
            div#social-networks ul li                  {background: url(../img/profile_sprite.png) no-repeat; float: left; height: 45px;}
            div#social-networks ul li.hi5              {background-position: -315px -501px; margin-left: 18px; width: 45px}
            div#social-networks ul li.facebook         {background-position: -374px -501px; margin-left: 14px; width: 43px}
            div#social-networks ul li.twitter          {background-position: -432px -501px; margin-left: 15px; width: 41px}
                div#social-networks ul li.blog             {background-position: -488px -501px; margin-left: 15px; width: 41px}
                div#social-networks ul li a                {background: url(../img/profile_sprite.png) no-repeat; float: left; height: 45px;}
                div#social-networks ul li.hi5 a            {background-position: -315px -454px; height: 45px; text-indent: -9999px; width: 45px}
                div#social-networks ul li.facebook a       {background-position: -374px -454px; height: 45px; text-indent: -9999px; width: 43px}
                div#social-networks ul li.twitter a        {background-position: -432px -454px; height: 45px; text-indent: -9999px; width: 41px}
                div#social-networks ul li.blog a           {background-position: -488px -454px; height: 45px; text-indent: -9999px; width: 41px}

        a#edit-profile-link     {background: url(../img/profile_sprite.png) top right no-repeat; display: block; height: 84px; margin-left: 653px; position: relative; top: -84px; text-indent: -9999px; width: 92px }


/** POST COMMENTS */

.post-comments  {clear: both; width: 370px}
    .post-comments-links   {color: #009400; font-weight: normal; margin-bottom: 10px}
    .post-comments-links a {color: #009400; font-weight: normal}

    .comment    {background: #FBEDEC; padding: 5px; margin-bottom: 5px}
        .author {color: #010000; font-size: 10px; font-weight: normal}
        .body   {padding: 10px 15px}

    .add-comment           {background-color: #FBEDEC; margin-bottom: 10px; padding: 10px;}
    .add-comment-author {float: left; margin-right: 10px; width: 125px}
        .add-comment label  {color: #5E5E5E; font-weight: normal}
        .add-comment input  {border: 1px solid #B9B9B9; width: 124px;}
        .add-comment textarea   {border: 1px solid #B9B9B9; height: 90px; margin-bottom: 11px; width: 209px;}
        input.post-comment-captcha-text  {width: 44px}
    body#profile p.tooltip {color: #E00E7A; font-size: 10px;}
   .add-comment div.submit-comment input {background: url(../img/profile_sprite.png) -857px -26px no-repeat; border: 0; font-size: 0; height: 23px; margin-left: 144px;line-height: 0; text-indent: -9999px; width: 65px}

/** GALLERY **/

body#profile div.post-gallery                   {border: 1px solid #E00E7A; padding: 5px}
    body#profile div.post-gallery .photo            {float:left; margin-top: 15px; padding-bottom: 20px;width: 256px;}
    body#profile div.post-gallery .photo ul         {list-style: none; margin: 0; padding: 0}
        body#profile div.post-gallery .photo li         {border: none; list-style: none; margin: 0; padding: 0}
        body#profile div.post-gallery .photo img        {width: 256px; height: 192px}
    body#profile div.post-gallery .photo-info           {float: left}
        body#profile div.post-gallery .photo-title      {color: #5E5E5E; font-size: 12px; font-weight: normal}
        body#profile div.post-gallery .photo-position   {color: #E00E7A; font-size: 12px; font-weight: bold}
    body#profile div.post-gallery .photo-nav            {margin-left: 167px; float: none}
        body#profile div.post-gallery .photo-nav a      {display: block; float: left; height: 41px; text-indent: -9999px; width: 41px}
        body#profile div.post-gallery .post-gallery-photo-prev  {background: url(../img/profile_sprite.png) -650px -191px no-repeat;}
        body#profile div.post-gallery .post-gallery-photo-next  {background: url(../img/profile_sprite.png) -697px -191px no-repeat; margin-left: 7px}

    body#profile div.post-gallery .thumbs           {margin-left: 274px; padding: 0; width: 80px}
    body#profile div.post-gallery .thumbs ul        {float: none; height: 192px; overflow: hidden; list-style: none; margin: 0; padding: 0}
    body#profile div.post-gallery .thumbs ul li     {float: none; list-style: none; margin: 0; padding: 0; border: none}
    body#profile div.post-gallery .thumbs ul li img {border: none; margin-bottom: 3px;}
    body#profile div.post-gallery .thumbs ul li img:last {margin-bottom: 0}
    body#profile div.post-gallery .thumbs a.nav      {display: block; height: 14px; width: 29px; margin: auto; margin-bottom: 1px; text-indent: -9999px}
    body#profile div.post-gallery .thumbs a.post-gallery-thumbs-prev {background: url(../img/profile_sprite.png) -615px -191px no-repeat}
    body#profile div.post-gallery .thumbs a.post-gallery-thumbs-next {background: url(../img/profile_sprite.png) -586px -205px no-repeat; margin-top: 1px;}


/** AVATARS **/

ul.avatars, ul.polls      {margin: 0; padding: 0px 10px 0px 10px; list-style: none}
ul.avatars                  {padding: 0px 8px}
li.avatar, li.poll        {float: left}
li.avatar {margin-left: 2px}
li.avatar a     {background: url(../img/profile_sprite.png) -767px 0px no-repeat; display: block; height: 23px; margin: 10px 0px; text-indent: -999px; width: 88px;}

/** POLLS **/
li.poll {width: 83px; margin-left: 10px}
li.poll img {width: 83px; height: 83px; margin-top: 52px}
li#poll-1 {background: url(../img/common_sprite.png) -10px -112px no-repeat;}
li#poll-2 {background: url(../img/common_sprite.png) -103px -112px no-repeat;}
li#poll-3 {background: url(../img/common_sprite.png) -196px -112px no-repeat;}