/***********************************************************************
  Reset
***********************************************************************/

* {
    margin:0;
    padding:0;
    border:0;
}

/***********************************************************************
  Global
***********************************************************************/

html {
    overflow-y:scroll;
}

body {
    font:normal 12px/1.5 arial, verdana, helvetica, sans-serif;
    color:#333;
    background:#fff;
}

/***********************************************************************
  Page Layout
***********************************************************************/

#page {
    width:980px;
    margin:0 auto;
    background:url(../images/dummy.png) no-repeat 0 0;
}

#header {
    height:150px;
}

#messages {
    margin:20px 0 0;
}

#main {
    margin:20px 0 0;
}

#content {
    width:700px;
    min-height:50em;
    float:left;
}

#right {
    width:250px;
    min-height:50em;
    float:left;
    margin-left:30px;
}

#footer {
    color:#fff;
    background:#111;
}

/***********************************************************************
  Header
***********************************************************************/

/************************************
  Navigation
************************************/

#header .block-navigation {
    line-height:32px;
    text-align:right;
}

#header .block-navigation a {
    padding:0 10px;
    font-size:16px;
}

#header .block-navigation a.current,
#header .block-navigation a:hover {

}

/************************************
  Round Select
************************************/

#header .block-round-select form {
    float:right;
    margin:20px 0 0;
    font-size:24px;
}

/************************************
  Page Name
************************************/

#header .block-page-name {
    line-height:40px;
    color:#b42a28;
}

#header .block-page-name h1 {
    margin:20px 0 0;
    text-align:right;
    font-size:24px;
}

/***********************************************************************
  Footer
***********************************************************************/

#footer .content {
    width:980px;
    margin:0 auto;
}

#footer .logos {
    line-height:150px;
    margin:20px 10px;
}

#footer .logos a {
    display:block;
    width:300px;
    float:left;
    margin:0 10px;
}

#footer .logos img {
    width:300px;
}

/***********************************************************************
  Right
***********************************************************************/

#right .block {
    margin:0 0 20px;
}

#right .block-title {
    line-height:28px;
    font-size:14px;
}

#right table {
    font-size:11px;
}

#right th,
#right td {
    padding:0;
}

#right img {
    display:block;
}

#right a {
    color:#333;
}

#right a.current,
#right a:hover {
    color:#111;
}

/************************************
  Navigation
************************************/

#right .block-navigation a {
    display:block;
    line-height:24px;
    border-bottom:1px dotted #949494;
}

#right .block-navigation a.level-1 {
    line-height:28px;
    font-size:14px;
    border-bottom:1px solid #949494;
}

#right .block-navigation a.level-1.first {
    border-top:1px solid #949494;
}

#right .block-navigation a.level-2.last {
    border-bottom:1px solid #949494;
}

/***********************************************************************
  Content
***********************************************************************/

/************************************
  Tags
************************************/

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
    line-height:32px;
}

#content p {
    margin:10px 0;
}

#content ul,
#content ol {
    margin:10px 0 10px 20px;
}

#content ul {
    list-style:square;
}

#content ol {
    list-style:decimal;
}

/************************************
  Messages
************************************/

#messages .message {
    margin:0 0 20px;
    padding:0 20px;
    border:3px solid #b42a28;
}

/************************************
  Page
************************************/

.page-content {
    margin:0 0 20px;
}

/***********************************************************************
  League
***********************************************************************/

/************************************
  Form
************************************/

.form-top {
    background:url(../images/arrow/up.png) no-repeat center center;
}

.form-good {
    background:url(../images/arrow/upper-right.png) no-repeat center center;
}

.form-medium {
    background:url(../images/arrow/right.png) no-repeat center center;
}

.form-low {
    background:url(../images/arrow/lower-right.png) no-repeat center center;
}

.form-bad {
    background:url(../images/arrow/down.png) no-repeat center center;
}

/************************************
  Team
************************************/

/******************
  List
******************/

.team-list {
    margin:0 0 20px;
    line-height:2;
}

.team-list .label {
    display:block;
    font-size:14px;
    font-weight:bold;
}

.team-list a {
    display:block;
    float:left;
    margin:0 0 0 10px;
}

.team-list a.first,
.team-list a.team-17 {
    margin:0;
}

.team-list a.team-17 {
    clear:left;
}

/******************
  Info
******************/

.team-info {
    margin:0 0 20px;
}

.team-info .row {
    margin:0;
    border-bottom:1px dotted #949494;
}

.team-info .label {
    display:block;
    width:150px;
    float:left;
}

.team-info .value {
    display:block;
    width:550px;
    float:left;
    margin:0 0 0 20px;
}

/***********************************************************************
  Classes
***********************************************************************/

/************************************
  Media
************************************/

.media img {
    display:block;
    margin:0;
    padding:0;
}

.media .caption {
    padding:3px 6px;
    color:#fff;
    background:#111;
}

.media.right {
    float:right;
    margin-left:20px;
}

.media.left {
    float:left;
    margin-right:20px;
}

.media.center {
    margin:0 auto;
}

/************************************
  Form
************************************/

input.text {
    width:440px;
    padding:3px;
}

.button {
    padding:3px;
    font-size:14px;
    font-weight:bold;
}

.content fieldset,
.entry {
    margin:0 0 20px;
    line-height:1.7;
}

.entry label {
    display:block;
}

/************************************
  Table
************************************/

.self {
    font-weight:bold;
}

.even {
    background:#e7d2cb;
}

.sub-head {
    line-height:2;
}

th.center,
td.center {
    text-align:center;
}

th.right,
td.right {
    text-align:right;
}

.border td {
    border-top:1px solid #949494;
}

/************************************
  Common
************************************/

.label {
    font-weight:bold;
}

.x-small {
    width:24px;
}

.small {
    width:36px;
}

.medium {
    width:80px;
}

/************************************
  Display
************************************/

.cf {
    display:inline-block;
}

.cf[class] {
    display:block;
    overflow:hidden;
}

.hide,
.cf.hide {
    display:none;
}

.invisible {
    visibility:hidden;
}

/***********************************************************************
  Tags
***********************************************************************/

/************************************
  List
************************************/

ul,
ol {
    list-style:none;
}

/************************************
  Heading
************************************/

h1 {
    font-size:18px;
}

h2 {
    font-size:16px;
}

h3 {
    font-size:15px;
}

h4 {
    font-size:14px;
}

h5 {
    font-size:13px;
}

h6 {
    font-size:12px;
}

/************************************
  Form
************************************/

label {
    font-weight:bold;
}

select,
input,
textarea {
    vertical-align:middle;
    background:#fff;
    border:1px solid #949494;
}

select:focus,
input:focus,
textarea:focus {
    background:#e7d2cb;
}

textarea {
    width:440px;
    height:300px;
    padding:3px;
}

option {
    padding:3px 15px 3px 3px;
    border-bottom:1px dotted #949494;
}

/************************************
  Table
************************************/

table {
    width:100%;
    margin:0 0 20px;
    line-height:1;
    border-spacing:0;
    border-collapse:collapse;
    empty-cells:show;
    font-size:12px;
}

tfoot tr {
    line-height:2;
    border-top:1px solid #111;
}

th,
td {
    padding:3px;
    text-align:left;
}

/************************************
  Link
************************************/

a {
    color:#111;
    text-decoration:none;
}

a:hover {
    color:#b42a28;
}

/************************************
  Media
************************************/

img {
    vertical-align:middle;
}

/************************************
  Text
************************************/

sup {
    color:#b42a28;
}
