﻿/************************************************************************************************ General CSS **/
*                       {padding:0px; margin:0px;}
body                    {font-family:Arial; font-style:normal; color:#dddddd; font-size:.9em; background:#022232 url(../i/background.png) repeat-y center;}
h1                      {color:#6bcdfe; font-size:1.5em; font-weight:bold;}
h2                      {color:#6bcdfe; font-size:1.2em; font-weight:bold;}
p                       {line-height:150%; padding-top:16px;}
img                     {border:none}
a                       {color:#1994c2; text-decoration:none;} 
a:hover                 {text-decoration:underline;}
.clearfix:after         {content: "."; display: block; clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
.clearfix               {display: inline-block;}
html[xmlns] .clearfix   {display: block;}
* html .clearfix        {height: 1%;}
.noPadding              {padding:0px;}

/************************************************************************************************ Wrapper **/
#wrapper                {width:930px; margin:auto; height:auto; background:#022232;}

/************************************************************************************************ Header **/
#header                 {width:928px; background:url(../i/headerBack.png) no-repeat; border: solid 1px #406381;}
#headerTop              {width:910px; padding:10px;}
#logo                   {float:left; width:530px;}
#countdown              {float:left;}

#headerBottom           {width:910px; padding:0 0 10px 10px;}
#headerBottom p         {color:#ffeb67; font-weight:bold; padding:0px;}

/************************************************************************************************ Main **/
#main                   {width:930px;}
.row                    {width:930px; padding-top:10px;}
.pad10Bottom            {padding-bottom:10px;}

.bigThird               {width:308px; height:326px; padding:10px; margin-right:10px; background:#022232 url(../i/gradient.png) repeat-x; float:left; border: solid 1px #406381;}
.smallThird             {width:228px; height:326px; padding:10px; background:#022232 url(../i/gradient.png) repeat-x; float:left; border: solid 1px #406381;}

.bigHalf                {width:500px; height:500px; margin-right:10px; background:#022232 url(../i/gradient.png) repeat-x; float:left; border: solid 1px #406381; padding:10px;}
.smallHalf              {width:376px; height:500px; background:#022232 url(../i/gradient.png) repeat-x; float:left; border: solid 1px #406381; padding:10px;}

.smallHalfLeaderboard   {width:370px; background:#022232 url(../i/gradient.png) repeat-x; float:left; border: solid 1px #406381; padding:10px;}
.smallHalfLeaderboard2  {width:500px; background:#022232 url(../i/gradient.png) repeat-x; float:right; border: solid 1px #406381; padding:10px;}

.fullWidth              {width:908px; background:#022232 url(../i/gradient.png) repeat-x; border: solid 1px #406381; padding:10px;}
.massiveHalf            {width:700px; float:left;}

.centralAlignImage      {width:100%; padding-top:16px; text-align:center;}
.leftAlignImage         {width:100%; padding-top:16px; text-align:center;}
.paddingTop             {padding-top:16px;}

/************************************************************************************************ Leaderboards **/
#leaderBoardTabs        {width:100%; height:40px; margin-top:15px;}
#leaderBoardTabs2        {width:100%; height:40px; margin-top:15px;}
#leaderBoard            {background:#000; width:356px; height:396px; padding:10px;}
#leaderBoardData        {background:#022232; padding:10px; border:solid 1px #406381;}
#leaderBoardData2        {background:#022232; padding:10px; border:solid 1px #406381;}

#leaderBoardFull            {background:#000; width:350px; padding:10px;}
#leaderBoardFull2            {background:#000; width:480px; padding:10px;}

#liveScores        {background:#022232; padding:10px; margin-top:0px;}
#practiceScores        {background:#022232; padding:10px; margin-top:0px;}

/*ul.tabs                 {display:block; list-style-type:none; font-size:.9em;}
ul.tabs li              {background:#022232; height:40px; float:left; display:block; margin:0 2px 0 0; color:#ffeb67; font-size:1.2em; font-weight:bold;}
ul.tabs li a            {float:left; height:30px; display:block; padding:10px 20px 0 20px; color:#ffeb67;}
ul.tabs li.selected     {background:#000; height:40px; float:left; display:block; margin:0 2px 0 0; color:#ffeb67; font-size:1.2em; font-weight:bold;}
ul.tabs li.selected a   {float:left; height:30px; display:block; padding:10px 20px 0 20px; color:#ffeb67;}*/

ul.tabNavigation                 {display:block; list-style-type:none; font-size:.9em;}
ul.tabNavigation li              {background:#000; height:40px; float:left; display:block; margin:0 2px 0 0; color:#ffeb67; font-size:1.2em; font-weight:bold;}
ul.tabNavigation li a            {float:left; height:30px; display:block; padding:10px 20px 0 20px; color:#ffeb67;}
ul.tabNavigation li.selected     {background:#022232; height:40px; float:left; display:block; margin:0 2px 0 0; color:#ffeb67; font-size:1.2em; font-weight:bold;}
ul.tabNavigation li.selected a   {float:left; height:30px; display:block; padding:10px 20px 0 20px; color:#ffeb67;}

ol.list                 {font-size:.9em; line-height:260%;}
ol                      {list-style-type:decimal; padding-left:24px;}
ol li                   {clear:both;}
ol li .name             {float:right; width:150px; text-align:left;}
ol li .score            {float:right; width:100px; text-align:right;}

ol li .name2             {float:right; width:125px; text-align:left;}
ol li .score2            {float:right; width:275px; text-align:right;}