/* Global styles */
* 								{margin: 0; padding: 0; }
body 							{background: #768B9A url(../img/bg.gif) repeat top left; color:#212121; font-family: Tahoma, Arial, sans-serif; font-size:11px;}
h2								{color:#a4a4a4; font-size:16px; margin-bottom:0; margin-top:8px;}
h2 span           {border-bottom: 1px solid #AAA; display: block; position: relative; top: -10px; }
h3								{color:#092A79; font-size:115%;}
img								{border: none; }
a								{color: #A4B5C5; text-decoration: none; }
a:hover							{color: #3F6282; }
a span							{background: transparent url(../img/arw-A4B5C5.gif) no-repeat center right; padding-right: 7px; }
/*ul li 						{display:inline; padding:5px;}*/
.flr							{float:right;}
.fll							{float:left;}

/* Flash message */
#flash							{width: 100%; text-align: center; font-weight: bold; float: left; padding: 4px 0; border-bottom: 1em #fff solid; height: 17px; color: #FFF; }
.home 
#flash                    {border-bottom: none; border-top: 0.5em #fff solid; }
#flash.error					{background: #a10e0e; }
#flash.error a		    		{color: #FFC91D !important; }
#flash.success					{background: #108001; }
#flash.success a				{color: #33ff00 !important; }
#flash.alert					{background: #ff7701}
#flash.txtinfo					{background: #fff; height: auto; width:auto; border: 1px solid #108001; margin-bottom: 8px; clear:both; color: #000; text-align:left; font-weight: normal;  }

/* Form specific styles */
.form label {font-size:110%;}
.form label.inl {display:inline;}
.form input.inl	{display:inline;}
.form select[name='u_date_Year'],
.form select[name='u_birthdate_Year'] {width:80px; min-width:80px;}
.form select[name='u_birthdate_Day'] {width:50px; min-width:50px;}
.form select[name='u_date_Month'],
.form select[name='u_birthdate_Month'] {width:100px; min-width:100px;}
.form input[type='checkbox']	{display:inline; }
.form input[type='text'],
.form input[type='password'],
.form select,
.form textarea					{border:1px solid #7f9db9; background-color:#FBFBFB; padding: 3px; width:200px; min-width:200px; margin-bottom: 10px; }
.form input.xsmall				{width: 30px; min-width:30px;}
.form input.small				{width: 50px; min-width:50px;}
.form input.medium				{width: 100px; min-width:100px;}
.form input.large				{width: 150px; min-width:150px;}
.form input.btn					{padding: 3px 10px 3px 10px; }
.form label, .form input		{display: block;  }
.form label span				{color: #FF0000; }
.form label span.note			{color: #000; font-size:90%;}
.form .dates select 			{width: auto; }
.form input.error, 
.form select.error,
.form textarea.error			{color:#000000 !important; font-weight:normal; border:1px solid #bb8b8b; background:#fef9f9; }
.form input.error:focus, 
.form select.error:focus,
.form textarea.error:focus		{background:#ffffee; }
.form td				{padding-right: 8px;}

/* Resources */
#resources 						{}
#resources div					{margin: 0 3px;}
#resources table				{clear:both; padding:0; margin:0;}
#resources td.thumb 			{border: 1px solid #d4d4d4; padding:0; margin:0;}
#resources td.thumb img			{display:block; padding:0; margin:0;}
#resources td.description 		{border: 1px solid #d4d4d4; background:#efefef; padding: 0 12px; margin:0; width:580px; }

.pagees table					{width:300px}
.pagees td						{color: #ccc; background:#fff; border: 1px solid #ccc; padding-left:4px; padding-right:4px; width:25px; height:25px; text-align:center; }
td.selected 					{background:#666;}

/* Upload */
.upload-queue 					{list-style: none;}
.upload-tbl						{margin-bottom:16px;}
.upload-hdr						{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding:6px 4px; width: 422px; color:#999}
.upload-queue li 				{padding: 5px 0 5px 22px; display:block; width:400px; max-width:400px; } 
.upload-queue .queue-file 		{font-weight: bold;}
.upload-queue .queue-size		{color: #aaa;	margin-left:1em; font-size: 0.9em;}
.upload-queue .queue-loader 	{position:relative; margin:3px 15px; font-size:0.9em; background-color:#ddd; color:#fff; border:1px inset #ddd;}
.upload-queue .queue-subloader 	{text-align:center; position:absolute; background-color:#81B466; height:100%; width:0%; left:0; top:0; }
.upload-queue .input-delete 	{width:16px; height:16px; background:url(../img/delete.png) no-repeat 0 0; text-decoration:none; border:none; float:right;}
.browse				{margin-bottom: 16px; padding: 4px 24px;}
.upload				{padding: 4px 24px;}

/* Display styles */
.c ol       {margin: 10px 30px 30px 30px; }
.c p              {margin: 10px; }
#rivalry						{background: #DCDCDC; border-top: 1px solid #FFF; width: 950px; }
#rivalry .lf 					{float: left; }
#rivalry .rf 					{float: right; }
#rivalry .banners				{} 
#rivalry .banners img			{margin: 5px;}
#rivalry .clr 					{clear: both; }
#rivalry .hdr					{background: #132C74 url(../img/hdr.gif) no-repeat top left; width: 950px; height: 126px; }
#rivalry .hdr .lnks		 		{margin: 20px;}
#rivalry .hdr a					{color: #B5C5D6; text-decoration: none; }
#rivalry .hdr a:hover			{color: #FFF;}
#rivalry .hdr a span			{background: transparent url(../img/arw-B5C5D6.gif) no-repeat center right; padding-right: 9px; }
#rivalry .c						{background: transparent url(../img/c-bgf.gif) no-repeat top left; } 
#rivalry .c a 					{font-weight: bold; }
#rivalry .c .lnks				{margin: 7px; }
#rivalry .c .lf					{width: 287px; margin: 30px 0 0 14px; }
#rivalry .c .lf img.h			{margin: 7px 0 14px 0; } 
#rivalry .c .rf					{width: 620px; margin: 16px 14px; }
#rivalry .box					{background: #fff url(../img/box-bgy.gif) repeat-y top right; margin-bottom: 14px;  }
#rivalry .box .h				{background: transparent url(../img/box1_hdr-bgf.gif) no-repeat top left; width: 100%; height: 7px; }
#rivalry .box .f				{background: transparent url(../img/box1_ftr-bgf.gif) no-repeat top left; width: 100%; height: 7px; }
#rivalry .lnks					{float: right; height: 1px; overflow: none; }
#rivalry .lnks ul				{list-style-type: none; }
#rivalry .lnks li				{text-align: right; margin-bottom: 3px; }
#rivalry .lf .box .h			{background-image: url(../img/box2_hdr-bgf.gif); }
#rivalry .lf .box .s			{min-height: 100px; }
#rivalry .lf .box .f			{background-image: url(../img/box2_ftr-bgf.gif); }
#rivalry .lf .s					{padding-left: 65px; }
#rivalry .lf .t					{padding: 15px; }
#rivalry .lf ul         {margin-left: 20px; }
#rivalry .lf .s p				{margin-top: 10px; padding: 0 20px 10px 0; }
#rivalry .lf .s p a				{display: block; margin-top: 5px;}
#rivalry .step1					{background: transparent url(../img/step01-bgf.gif) no-repeat top left; background-position: 7px 0; }
#rivalry .step2					{background: transparent url(../img/step02-bgf.gif) no-repeat top left; background-position: 7px 0; }
#rivalry .step3					{background: transparent url(../img/step03-bgf.gif) no-repeat top left; background-position: 7px 0; }
#rivalry .rf .s					{padding: 10px 14px 10px 25px; }
#rivalry .rf .s h2              {margin-bottom: 10px; }
#rivalry .sel					{float: right; width: 170px; position: relative; top: -5px; }

#rivalry #fla					{width: 580px; height: 260px; overflow: hidden; clear: both; }
#rivalry #rate					{margin: 7px 0 0 0;}
#player                         {background: #f2f2f2; height: 240px; width: 580px; margin-top: 20px; } 
#player p                       {position: relative; top: 95px; text-align: center; }
#player strong                  {color: #ff0000; }

/* Share/Embed Styles */
.sh-em						{background: #efefef; text-align: left; }
.sh-em .c2					{padding: 3px 10px 20px 10px; background: #f2f2f2; border-bottom: 15px solid #fff; }
.sh-em .p					{padding-top: 25px; }
.sh-em label				{display: block; font-weight: bold; color: #333; }
.sh-em textarea				{padding: 3px; height: 60px; width: 300px; }
.sh-em input				{padding: 3px; width: 200px; margin-bottom: 5px; }
.sh-em input.btn			{width: auto; margin-top: 13px; padding: 3px 15px 3px 15px; font-size: 11px; }
.sh-em td					{vertical-align: top; padding: 5px; }
.sh-em td h2				{margin-bottom: 5px; color: #666; }
.sh-em .title				{font-weight:bold;}
.sh-em #u_code				{height:50px; width:350px;}

/* Button Styles */
#rivalry #btns					{float: right; margin-right: 18px; width: 242px; }
#rivalry #btns a                {cursor: pointer; }
a.popular                       {float: right; display: block; width: 105px; height: 38px; background: url(../img/btn_popular.gif) no-repeat top left; margin-left: 3px; }
a.popular img                   {display: none; }
a.popular:hover                 {background-position: 0 -38px; }
a.popular.on                    {background-position: 0 -76px; }
a.recent                        {float: left; display: block; width: 134px; height: 38px; background: url(../img/btn_recent.gif) no-repeat top left; }
a.recent img                    {display: none; }
a.recent:hover                  {background-position: 0 -38px; }
a.recent.on                     {background-position: 0 -76px; }

/* Rating Styles*/
div.rated a                     {cursor: default; }
div.stars                       {position: relative; top: 5px; }
a.rate                          {display: block; float: left; width: 16px; !important; height: 15px; background: #fff url(../img/rating_sprite.gif) no-repeat top left; background-position: 0 0; -moz-outline:none; }
a.rate.off                      {background-position: -16px 0; }
a.rate.avg                      {background-position: -32px 0; }

/* Absolutely Positioned */
#rivalry #contest				{width: 516px; height: 115px; float: left; position: relative; left: 272px; top: 0px; }
#rivalry #lgo					{width: 239px; height: 119px; position: absolute; top: 15px; left: 50px; }
#rivalry #objs a				{display: block; background: transparent url(../img/contest-objs.png); position: absolute; top: 18px; left: 460px; }
#rivalry #objs a img			{width: 342px; height: 142px; }
