html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}

html
{
    overflow-y: scroll;
}

body
{
    background-color: #056693;
    background-image: url("bg.jpg");
    background-repeat: repeat-x;
    
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding-top: 5px;
    color: #444444;
}

#container
{
    width: 780px;
    margin-left: auto;
    margin-right: auto;
    min-height: 500px;
}

a:hover, .tabs li a, .rankTypes li.set a
{
    text-decoration: none;
}

h1
{
    float: left;
}

h1, h1 a
{
    width: 70px;
    height: 70px;
    display: block;
}

h1 a
{
    background-image: url("logo.png");
}

h1 a span
{
    display: none;
}

h2
{
    float: left;
    margin-left: 25px;
    margin-top: 15px;
    font-style: italic;
    width: 400px;
    white-space: nowrap;
}

.tabs
{
    margin-left: 80px;
    margin-top: -37px;
    position: absolute;
}

.tabs li
{
    float: left;
    margin-left: 5px;
}

.tabs li a, .tabsContent, .box, .rankTypes li.set
{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    
    border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    
    border: 1px solid #d7e3e3;
    background-image: url("tabs/white.jpg");
    background-repeat: repeat-x;
}

.tabs li a
{
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 25px;
    
    border-bottom: none;
    font-weight: bold;
}
.tabs li a.yellow, .tabsContainer .contentYellow, .boxYellow
{
    border-color: #e5d357;
}

.tabs li a.yellow, .contentYellow .mainContent h4, .contentYellow a, h4.yellow, a.yellow
{
    color: #807631;
}

.tabs li a.green, .tabsContainer .contentGreen, .boxGreen
{
    border-color: #6be557;
}

.tabs li a.green, .contentGreen .mainContent h4, .contentGreen a, .mainContent h4.green, h4.green
{
    color: #3d8232;
}

.tabs li a.red, .tabsContainer .contentRed, .boxRed
{
    border-color: #e55757;
}

.tabs li a.red, .contentRed .mainContent h4, .contentRed a, .rankTable .match, h4.red, a.red
{
    color: #803131;
}

.tabs li a.purple, .tabsContainer .contentPurple, .boxPurple, .rankTypes li.set
{
    border-color: #e557d9;
}

.tabs li a.purple, .contentPurple .mainContent h4, .contentPurple a, .rankTable th, .mainContent h4.purple
{
    color: #803079;
}

.tabs li a.blue, .tabsContainer .contentBlue, .boxBlue
{
    border-color: #578ce5;
}

h2, .tabs li a.blue, .contentBlue .mainContent h4, .contentBlue a, h4.blue
{
    color: #304e81;
}

.tabsContainer .contentGreen a.green, .tabs li a.green:hover
{
    background-image: url("tabs/green.jpg");
}

.tabsContainer .contentYellow a.yellow, .tabs li a.yellow:hover
{
    background-image: url("tabs/yellow.jpg");
}

.tabsContainer .contentRed a.red, .tabs li a.red:hover
{
    background-image: url("tabs/red.jpg");
}

.tabsContainer .contentPurple a.purple, .tabs li a.purple:hover
{
    background-image: url("tabs/purple.jpg");
}

.tabsContainer .contentBlue a.blue, .tabs li a.blue:hover
{
    background-image: url("tabs/blue.jpg");
}

.tabsContainer
{
    padding-top: 5px;
    width: 580px;
    float: left;
}

.rightContainer
{
    width: 195px;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
}

.tabsContent, .box, .rankTypes li.set
{
    background-color: #dbe7e7;
    padding: 10px;
    
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    
    border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.mainContent, .box
{
    line-height: 18px;
}

.mainContent h4
{
    font-size: 16px;
}

h4 a
{
    text-decoration: none;
}

.mainContent hr
{
    margin-top: 15px;
    margin-bottom: 15px;
}

.mainContent .newsDate
{
    font-size: 11px;
    margin-bottom: 5px;
}

ul.rankTypes
{
    margin-top: 10px;
    margin-left: 15px;
}

.rankTypes li
{
    float: left;
    margin-left: 15px;
}

.rankTypes li, .rankTypes li.set
{
    padding: 3px 6px 3px 6px;
}

.rankTypes li.set
{
    background-image: url("tabs/purple.jpg");
    background-repeat: repeat-x;
}

.search
{
    text-align: right;
}

.rankTable
{
    width: 100%;
}

.rankTable th, .rankTable td
{
    padding-top: 3px;
    padding-bottom: 3px;
}

.rankTable .match td
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.rankTable th.place
{
    width: 60px;
    text-align: center;
}

.rankTable .player
{
    text-align: left;
    padding-left: 15px;
}

.rankTable th.score, .rankTable th.bonus, .rankTable th.total
{
    width: 90px;
    text-align: center;
}

.rankTable td
{
    text-align: center;
}

.rankTable td.total, .rankTable .match
{
    font-weight: bold;
}

.pager
{
    margin-top: 15px;
    text-align: center;
}

.boxScreen
{
    width: 250px;
    height: 167px;
}

.boxLeft
{
    float: left;
}

.boxRight
{
    float: right;
}

.boxDesc, .boxDescRight
{
    width: 270px;
    margin-left: 10px;
}

.boxDescRight
{
    margin-left: 0;
    margin-right: 10px;
}

ul.featured, ul.featuredPurple, ul.featuredGreen, ul.featuredYellow, ul.featuredRed
{
    list-style-image: url("circle3.jpg");
    list-style-type: square;
    list-style-position: inside;
}

ul.featuredPurple li, ul.featuredGreen li, ul.featuredYellow li, ul.featuredRed li
{
    margin-top: 4px;
    margin-bottom: 4px;
}

ul.featuredPurple
{
    list-style-image: url("circle2.jpg");
}

ul.featuredGreen
{
    list-style-image: url("circle1.jpg");
}