/* ----------------------------------------------------- */
/*  Net Ball Taranaki 2011 - Screen CSS  				 */
/*  Ver          : 2.2                                   */
/*  Created      : 31 Jan 2011                           */
/*  Last Updated : 24 Jan 2012                           */
/*  Note    :                                            */
/*  - IE6 : IE6 specific styles exist in screen-ie6.css  */
/*  - IE7 : IE7 specific styles exist in screen-ie7.css  */
/*  - IE8 : IE8 specific styles exist in screen-ie8.css  */
/* ----------------------------------------------------- */

/*------------------*/
/* Table of Content */
/*------------------*/

/*
0. Reset CSS 

1. General
    1.1. Hyperlink
    1.2. Heading
    1.3. Text
    1.4. Class
    1.5. Table

2. Lay-out

3. Header
        
4. Navigation
    4.1. Accessibility Navigation
    4.2. Main Navigation
    4.3. Nav Tool
    4.4. Side Navigation

5. Content
    5.1. Content Area
        5.1.1. Template Left Main
        5.1.2. Template Right Main
        5.1.3. Template All Main

    5.2. Home Page
        5.2.1. Main Block
            5.2.1.1. Featured News
        5.2.2. Secondary Block
    
    5.3. Generic Content Page
    5.4. Sponsors & Grants Page
    5.5. Ladder Page
    5.6. News Page
    5.7. Calendar Page
    5.8. Registration Page
    5.9. Team Tracker
        
6. Footer
    6.1. Sponsor Area
    6.2. Footer Area
        6.2.1. Footer Link
        6.2.2. Social Link
        6.2.3. Footer Bottom

7. Plug-in Related CSS

8. Additional CSS
    8.1. results-detail
*/

/*--------------*/
/* 0. Reset CSS */
/*--------------*/

/* Based on Eric Meyer's Reset CSS v1.0 | 20080212 - http://meyerweb.com/eric/tools/css/reset/ */

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,sub,sup,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;}

/*------------*/
/* 1. General */
/*------------*/

body /* IE6 */ {
font: normal 62.5%/1.4 Arial, Helvetica, Verdana ,sans-serif;
color: #000;
background: #dcdcdc url(../img/bg-2.png) 0 0 repeat-x;
}

/* 1.1. Hyperlink */

a {
font-size: 1.2em;
text-decoration: none;
cursor: pointer;
color: #ffa200; /* f3991b */
}

a:hover {text-decoration: underline;}

p a {font-size: 1em;}

/* 1.2. Heading */

h1, h2, h3, h4, h5, h6 {margin: 0 0 10px 0;}

h1 { font-size: 4.8em;}
h2 { font-size: 3.2em;}
h3 { font-size: 1.6em;}
h4 { font-size: 1.2em;}
h5 { font-size: 1.1em;}
h6 { font-size: 0.9em;}

/* 1.3. Text */

label {
font-size: 1.2em;
display: block;
margin: 0 0 2px 0;
font-weight: bold;
}

p {
font-size: 1.2em;
margin: 0 0 10px 0;
}

/* 1.4. Class */

.clear  {clear: both;}
.submit {cursor: pointer;}
.red {color: #cb0000;}

/* 1.5. Table */

table {margin: 0 0 10px 0;}

td, th 
{
font-size: 1.1em;
padding: 5px;
}

/*------------*/
/* 2. Lay-out */
/*------------*/

div.grand-wrapper /* Important to remove space on the top of page in Opera Browser */
{
margin: 0;
padding: 0;
width: 100%;
position: absolute;
top: 0;
}

div.wrapper
{
width: 962px;
margin: 0 auto;
position: relative;
}

div.no-js
{
text-align: center;
padding: 10px 0 0px 0;
border-bottom: 2px solid #ffa200;
background-color: #f4f4f4;
}

/*-----------*/
/* 3. Header */
/*-----------*/

div.header {
height: 170px; /* 158px; */
position: relative;
margin: 0 auto;
overflow: hidden;
}

/*
div.bg-container {
width: 1302px;
height: 249px;
/ * background: transparent url(../img/header-bg.jpg) no-repeat 0 0;  - new header mod * /
margin: 0 auto;
}
*/

.header div.wrapper /* new header mod */{
height: 170px;
background: transparent url(../img/header-bg-2.jpg) no-repeat;
}

.header a {
display: block;
width: 211px;
height: 129px;
position: relative;
top: 17px;
right: 7px;
xleft: 45px;	
margin: 0 auto;
}

/*---------------*/
/* 4. Navigation */
/*---------------*/

/* 4.1. Accessibility Navigation */

ul.nav-access
{
position: absolute;
top: -9999px;
left: -9999px;
}

/* 4.2. Main Navigation */

div.main-nav {
width: 962px;
height: 52px;
background: transparent url(../img/common.png) no-repeat 0 0;
margin: 0 0 15px 0;
}

.main-nav li {
float: left;
text-align: center;
}

.main-nav a {
height: 52px;
display: block;
text-indent: -9999px;
background: transparent url(../img/common.png) no-repeat 0 0;
}

a.mn-home {width: 80px;}
a.mn-about {width: 104px; background-position: -80px 0;}
a.mn-netball {width: 88px; background-position: -184px 0;}
a.mn-news {width: 77px; background-position: -272px 0;} /* IE6 */
a.mn-calendar {width: 102px; background-position: -349px 0;}
a.mn-team-tracker {width: 133px; background-position: -451px 0;}
a.mn-sponsors-and-grants {width: 169px; background-position: -584px 0;}
a.mn-downloads {width: 116px; background-position: -753px 0;} /* IE6 */
a.mn-contact {width: 93px; background-position: -869px 0;}

.main-nav a:hover {height: 52px;}

a.mn-home:hover {background-position: 0 -52px;}
a.mn-about:hover {background-position: -80px -52px;}
a.mn-netball:hover {background-position: -184px -52px;}
a.mn-news:hover {background-position: -272px -52px;}
a.mn-calendar:hover {background-position: -349px -52px;}
a.mn-team-tracker:hover {background-position: -451px -52px;}
a.mn-sponsors-and-grants:hover {background-position: -584px -52px;}
a.mn-downloads:hover {background-position: -753px -52px;}
a.mn-contact:hover {background-position: -869px -52px;}

.selected a.mn-home {background-position: 0 -104px;}
.selected a.mn-about {background-position: -80px -104px;}
.selected a.mn-netball {background-position: -184px -104px;}
.selected a.mn-news {background-position: -272px -104px;}
.selected a.mn-calendar {background-position: -349px -104px;}
.selected a.mn-team-tracker {background-position: -451px -104px;}
.selected a.mn-sponsors-and-grants {background-position: -584px -104px;}
.selected a.mn-downloads {background-position: -753px -104px;}
.selected a.mn-contact {background-position: -869px -104px;}

/* 4.3. Nav Tool */

div.nav-tool {margin: 0 0 15px 0;}

div.breadcrumb /* IE6 */
{
float: left;
font-size: 1.1em;
color: #707070;
line-height: 29px;
margin: 0 0 0 15px;
}

.breadcrumb a
{
color: #707070;
font-size: 1em;
}

.breadcrumb span.current-page {font-weight: bold;}

div.search-box /* IE6 */ {
float: right;
width: 244px;
background: transparent url(../img/common.png) no-repeat 0 -176px;
position: relative;
height: 29px;
margin: 0 15px 0 0;
}

.search-box input
{
background: none;
border: 0;
padding: 0;
height: 29px;
position: absolute;
}

.search-box input.text
{
width: 198px;
padding: 0 0 0 10px;
color: #8c8c8c;
line-height: 29px;
}

.search-box input.submit /* IE6 */
{
width: 36px;
background: transparent url(../img/common.png) no-repeat 0 -215px;
right: 0;
text-indent: -9999px;
line-height: 0;
font-size: 0;
}

div.side-ad-space
{
width: 120px;
height: 600px;
background-color: #FFF;
border: 1px solid #c8c8c8;
display: block;
position: absolute;
z-index: 999;
top: 111px;
}

div.left-ad {left: -142px;}
div.right-ad {left: 982px;}


/* 4.4. Side Navigation */

.sec-nav a  /* IE6 */ {
display: block;
font-weight: bold;
font-size: 1.4em;
padding: 10px 20px;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
}

.sec-nav li  {
display: inline-block;
width: 240px;
}

.sec-nav a:hover, .sec-nav .selected a {
background-color: #e6e6e6;
border-top: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
text-decoration: none;
color: #000;
}

ul.sub-menu-lv-3 /* IE7 */ {
position: relative;
top: -1px;
padding: 6px 0 0 0;
background: transparent url(../img/common.png) no-repeat -242px -450px;
}

.sub-menu-lv-3 a {
font-size: 1.2em;
padding: 4px 20px 5px 35px;
background: transparent url(../img/common.png) no-repeat -238px -361px;
border: 0;
width: 185px !important;
}

.sub-menu-lv-3 a:hover, .sub-menu-lv-3 .selected a {
color: #000;
border: 0;
background-color: #FFF;
background: transparent url(../img/common.png) no-repeat -238px -400px;
}

/*------------*/
/* 5. Content */
/*------------*/

/* 5.1. Content Area */

a.print-page {
position: absolute;
top: 40px;
right: 25px;
display: inline-block;
padding: 0 25px 0 0;
height: 16px;
background: transparent url(../img/common.png) no-repeat -7.5% -346px;
z-index: 999;
}

a.team-tracker-ad {
display: block;
width: 212px;
height: 102px;
background: transparent url(../img/common.png) no-repeat 0 -372px;
text-indent: -9999px;
position: absolute;
bottom: 25px;
left: 15px;
z-index: 9999;
}

div.content-area {
width: 960px;
margin: 0 0 20px 0;
border: 1px solid #c8c8c8;
background-color: #FFF;
position: relative;
z-index: 999;
min-height: 600px;
height: auto !important;
height: 600px;
}

div.main-block {
width: 670px;
padding: 25px;
min-height:550px;
height: auto !important;
height: 550px;
}

div.sec-block {
width: 250px;
padding: 15px 15px 20px 15px; 
}

    /* 5.1.1. Template Left Main */

    .template-left-main div.content-container-sec {
    overflow: hidden;
    float: left;
    width: 100%;
    }

    .template-left-main div.content-container-main {
    background: transparent url(../img/main-block-bg.png) repeat-y 100% 0;
    float: left;
    position: relative;
    width: 100%;
    right: 280px;
    }

    .template-left-main div.main-block  /* IE6 */ {
    float: left;
    width: 640px;
    padding: 25px 20px;
    position: relative;
    left: 280px;	
    }

    .template-left-main div.sec-block  /* IE6 */ {
    float: right;
    width: 280px;
    padding: 25px 0 20px 0;
    position: relative;
    left: 280px;	
    }

    /* 5.1.2. Template Right Main */
    
    .template-right-main div.content-container-sec {
    overflow: hidden;
    float: left;
    width: 100%;	
    }

    .template-right-main div.content-container-main {
    background: transparent url(../img/main-block-bg-2.png) repeat-y 0 100%;
    float: left;
    position: relative;
    width: 100%;	
    left: 240px;
    }
        
    .template-right-main div.main-block  {
    float: right;	
    position: relative;
    right: 240px;
    }

    .template-right-main div.sec-block  {
    float: left;
    width: 240px;
    padding: 15px 0 170px 0;
    position: relative;
    right: 240px;
    }
    
    /* 5.1.3. Template All Main */
    
    .template-all-main div.main-block  {
    width: 910px;
    padding: 25px;
    background: none;
    }

/* 5.2. Home Page */

    /* 5.2.1. Main Block */
    
    .home div.main-block {
    padding: 71px 20px 20px 20px;
    width: 640px;
    }
    
    .home div.sec-block /* IE6 */ {
    padding: 15px 20px 25px 20px;
    width: 240px;
    }
    
    div.ticker {
    position: absolute;
    top: 15px;
    left: 9px;
    width: 647px;
    height: 41px;
    background: transparent url(../img/home-sprite.png) no-repeat 0 0;
    font-size: 1.2em;
    line-height: 39px;
    padding: 0 0 0 140px;
    z-index: 999;
    }

    div.long-ad-space {
    width: 630px;
    height: 80px;
    border: 1px solid #c8c8c8;
    background-color: #FFF;
    margin: 0 auto 15px auto;
    }

    div.main-sub-block {
    width: 292px;
    float: left;
    margin: 0 16px 0 0;
    padding: 49px 10px 10px 10px;
    position: relative;
    }

    div.last-block {margin-right: 0 !important;}

    .main-sub-block h2.heading {
    width: 312px;
    height: 39px;
    background: transparent url(../img/home-sprite.png) no-repeat 0 0;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    left: 0;
    }

    .main-sub-block h2.newsletter-signup-hd {background-position: 0 -52px;}
    .main-sub-block h2.about-us-hd {background-position: 0 -102px;}

    .newsletter-form div.input-text-container
    {
    width: 214px;
    height: 29px;
    padding: 0 10px;
    background: transparent url(../img/home-sprite.png) no-repeat 0 -149px;
    margin: 0 0 10px 0;
    }

    .newsletter-form  input
    {
    border: 0;
    padding: 0;
    display: block;
    }

    .newsletter-form  input.text
    {
    width: 214px;
    height: 29px;
    background: none;
    overflow: hidden;
    line-height: 29px;
    color: #3c3c3c;
    }

    .newsletter-form  input.submit
    {
    background: transparent url(../img/home-sprite.png) no-repeat 0 -198px;
    width: 72px;
    height: 27px;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    }

        /* 5.2.1.1. Featured News */

        div.featured-news {margin: 0 0 15px 0;}

        div.featured-news-add {
        height: 260px;
        overflow:hidden;
        }
        
        ul.news-list {
		width: 305px;
        float: left;
        margin: 0 15px 0 0;
        }

        .news-list li  {
		width: 305px;
        margin: 0 0 15px 0;
        display: inline-block;
        }	
        
        .news-list span.date {font-size: 1.1em;}

        div.main-block ul.news-list h2 {
        color: #ffa200; /*#FF9C00*/
        font-size: 1.4em;
        margin: 0 0 5px 0;
        font-weight: bold;
        }

        .news-list h2 a:hover {text-decoration: none; color: #cb0000;}
        .news-list div.text a {color: #ffa200; text-decoration: none;}
        .news-list div.text a:hover {color: #ffa200; text-decoration: underline;}

        ul.img-list {
        width: 305px;
        float: left;
        }
        
        .img-list img {width: 305px;}	
        .js li.panel-item  {display:none;}

    /* 5.2.2. Secondary Block */

    h2.team-tracker-hd
    {
    width: 250px;
    height: 52px;
    background: transparent url(../img/tt-sprite.png) no-repeat 0 0;
    text-indent: -9999px;
    }

    div.section
    {
    border-bottom: 1px dashed #d6d6d6;
    padding: 0 0 10px 0;
    margin: 0 0 15px 0;
    }

    div.tt-login-detail {margin-top: -20px;}

    .tt-login-detail h3
    {
    font-weight: normal;
    font-size: 1.2em;
    }

    .tt-login-detail h3 span.tt-user-name,
    span.tt-team-name
    {
    font-weight: bold;
    font-size: 1.5em;
    color: #ff9c00;
    }

    .tt-login-detail div.option 
    {
    text-align: right;
    font-size: 1.2em;
    color: #d6d6d6;
    vertical-align: middle;
    }

    .option a 
    {
    vertical-align: middle;
    font-size: 1em;
    }

    a.call-to-act
    {
    display: block;
    margin: 0 0 30px 0;
    }
        
    input.tt-home-login
    {
    float: right;	
    margin: 0 7px 10px 0;
    display: block;
    height: 27px;
    width: 72px;
    background: transparent url(../img/tt-sprite.png) no-repeat 0 -62px !important;
    }
    
    .tt-home-error
    {
    color: red;
    display: block;
    font-size: 1.2em;
    margin: 0 0 10px 0;
    }
    
    div.small-calendar
    {
    width: 240px;
    height: 190px;
    position: relative;
    left: 0 !important;
    }
    
    .small-calendar  #calendarIframe /* IE6 */
    {
    position: absolute;
    top: 0;
    left: -14px;	
    width: 270px !important;
    }
    
/* 5.3. Generic Content Page */

div.main-block h1
{
font-size: 3em;
color: #ff9c01;
border-bottom: 1px dashed #d6d6d6;
padding: 0 0 10px 0;
margin: 0 0 15px 0;
position: relative;
}

div.main-block h2
{
font-size: 2.4em;
font-weight: normal;
}

div.cms-editable-content {margin: 0 0 25px 0;}

.cms-editable-content img
{
border: 1px solid #acacac;
float: right;
margin: 0 0 15px 15px;
}

.cms-editable-content ul {list-style-type: disc;}
.cms-editable-content ol {list-style-type: decimal;}

.cms-editable-content li
{
font-size: 1.2em;
margin: 0 0 0 30px;
padding: 0 0 5px 0;
}

/* 5.4. Sponsors & Grants Page */

div.sponsor-item {text-align: center;}

.sponsor-item img {
float: none;
border: 0;
margin: 25px 15px;
}

/* 5.5. Ladder Page */

div.change-league-option
{
position: relative;
padding: 0 0 0 145px;
width: 505px;
height: 30px;
line-height: 33px;
background: #FFF url(../img/change-league-bar-bg.png) no-repeat 0 0;
margin: 0 auto 30px auto;
}

.change-league-option select {width: 495px;} /* IE6 & IE7 */

div.result-table-area
{
margin: 0 auto 40px auto;
width: 640px;
position: relative;
}

.result-table-area table
{
margin: 0 0 30px 0;
width: 100%;
border-left: 1px solid #c8c8c8;
border-top: 1px solid #c8c8c8;
}
.result-table-area tr td
{
    background:white !important;
}

.result-table-area tr.alt td
{
background:#e9e9e9 !important;
}

.result-table-area tr.selected
{
    color: #EB8C1D !important;
    font-weight:bold;
}
.result-table-area table td span.team-name
{
    float:left;
    text-align:center;
    width:130px;
}
.result-table-area table td span.score_left 
{
    float:left;
    text-align:left;
    font-weight:bold;
    width:30px;
}
.result-table-area table td span.score_right
{
    float:right;
    text-align:right;
    font-weight:bold;
    width:30px;
}
.result-table-area table th
{
    background-color:#ebebeb !important;
}

.result-table-area td,
.result-table-area th
{
border-bottom: 1px solid #c8c8c8;
border-right: 1px solid #c8c8c8;
text-align: center;
font-size: 1.2em;
}

.result-table-area th {background-color: #ebebeb;}
.result-table-area td.team-name {text-align: left;}

div.round-list
{
position: absolute;
top: 8px;
right: 5px;
}

.round-list span.label
{
font-size: 1.2em;
margin: 0 5px 0 0;
}

.round-list ul {display: inline;}

.round-list li
{
display: inline;
margin: 0 2px 0 3px;
}

.round-list a {font-weight: bold;}
.round-list .selected a {color: #000;}

/* 5.6. News Page */

div.news-area {margin: 0 0 30px 0;}

.news-area span.date
{
font-size: 1.2em;
display: block;
margin: 0 0 5px 0;
}

.news-area h2
{
color: #c83232;
margin: 0 0 15px 0;
}

.news-area div.img-area
{
float: right;
text-align: center;
width: 217px;
margin: 0 0 15px 15px;
}

.news-area div.img-area img
{
width: 217px;
border: 1px solid #9a9a9a;
margin: 0 0 5px 0;
}

.img-area span.caption {font-size: 1.1em;}
div.fb-app {padding: 10px 0 0 0;}

div.recent-list-area {}

.recent-list-area h2
{
font-size: 1.8em;
color:#FF9C01;
padding: 0 25px;
}

.recent-list-area h3
{
font-size: 1.5em;
font-weight: normal;
padding: 0 25px;
margin: 0 0 3px 0;
}

ul.recent-list {margin: 0 0 20px 0;}

.recent-list li 
{
position: relative;
display: block;
}

.recent-list a
{
display: block;
color: #c83232;
text-decoration: underline;
}

/*
.recent-list span.item-block
{
display: block;
padding: 20px 0 20px 50px;
width: 180px;
margin: 0 25px;
border-bottom: 1px dashed #d6d6d6;
position: relative;
}
*/

.recent-list span.item-block /* IE6 */
{
display: block;
padding: 20px 0 20px 50px;
width: 180px;
min-height:29px;
height: auto !important;
height: 29px;
margin: 0 25px;
border-bottom: 1px dashed #d6d6d6;
position: relative;
}

.recent-list span.date-box
{
display: block;
width: 38px;
height: 36px;
padding: 2px 0 0 0;
background: #FFF url(../img/list-sprite.png) no-repeat 0 0;
overflow: hidden;
color: #FFF;
text-align: center;
position: absolute;
top: 16px;
left: 0;
text-transform: uppercase;
font-size: 0.95em;
}

.recent-list span.day {display: block;}

.recent-list span.num 
{
font-size: 1.3em; 
line-height: 1.1em;
}

.recent-list a:hover,
.recent-list .selected a
{
background-color: #ffeaca;
text-decoration: none;
}

.recent-list a:hover span.item-block, 
.recent-list .selected a span.item-block
{
color: #ff9c01;
font-weight: bold;
}

.recent-list a:hover span.date-box,
.recent-list .selected a span.date-box
{
font-weight: normal;
background: transparent url(../img/list-sprite.png) no-repeat 0 -68px;
}

.recent-list span.arrow {display: none;}

.recent-list .selected span.arrow
{
width: 24px;
height: 69px;
background: transparent url(../img/list-sprite.png) no-repeat 0 -136px;
position: absolute;
display: block;
top: 0;
left: -24px;
}

div.news-archive-area
{
width: 230px;
padding: 0 25px;
}

.news-archive-area h2
{
font-size: 1.8em;
color:#FF9C01;
}

.news-archive-area label
{
font-size: 1.2em;
display: block;
margin: 0 0 10px 0;
}

.news-archive-area select /* IE6 & IE7 */
{
display: inline-block;
/*margin: 0 10px 0 0;*/
position: relative;
top: 3px;
}

.news-archive-area input.submit
{
display: inline-block;
}

select.archive-month
{
width: 170px;
}

input.button
{
background: transparent url(../img/button-sprite.png) no-repeat 0 0;
height: 33px;
border: 0;
padding: 0;
text-indent: -9999px;
font-size: 0;
line-height: 0;
cursor: pointer;
}

.go-button
{
background-position: 0 0;
width: 48px;
}

/* 5.7. Calendar Page */

div.calendar-nav
{
position: relative;
width: 455px;
height: 33px;
margin: 0 auto 15px auto;
}

a.calendar-button
{
display: block;
width: 118px;
height: 33px;
background: #FFF url(../img/calendar-sprite.png) no-repeat 0 0;
text-indent: -9999px;
font-size: 0;
line-height: 0;
position: absolute;
top: 0;
}

a.last-month {left: 0;}

a.next-month
{
background-position: 0 -43px;
right: 0;
}

div.calendar-drop-down-container
{
position: absolute;
width: 170px;
line-height: 33px;
height: 33px;
left: 118px;
margin: 0 25px;
text-align: center;
}

div.calendar-drop-down-container select
{
position: absolute;
top: 4px;
}

div.calendar-drop-down-container select.calendar-month {left: 0;}
div.calendar-drop-down-container select.calendar-year {right: 0;}

div.calendar-app
{
width: 638px;
margin: 0 auto;
}

div.calendar-header
{
width: 637px;
margin: 0 auto;
border-left: 1px solid #FFF;
border-top: 1px solid #FFF;
}

.calendar-header div.day
{
border-bottom: 1px solid #FFF;
border-right: 1px solid #FFF;
width: 80px;
float: left;
text-align: center;
font-size: 1.1em;
padding: 5px;
}

div.calendar-body
{
width: 637px;
border-left: 1px solid #b4b4b4;
border-top: 1px solid #b4b4b4;
margin: 0 0 30px 0;
}

.calendar-body div.cell
{
display: block;
border-bottom: 1px solid #b4b4b4;
border-right: 1px solid #b4b4b4;
padding: 28px 5px 10px 5px;
width: 80px;
height: 35px;
float: left;
position: relative;
font-size: 1.15em;
}

.calendar-body div.cell a
{
font-size: 0.95em;
font-weight: bold;
color: #C83232;
text-decoration: underline;
}

.calendar-body div.cell a:hover {color:#FFA200;}
.calendar-body div.cell strong {display: block;}

.calendar-body span.date
{
background-color: #e6e6e6;
position: absolute;
top: 0;
left: 0;
padding: 3px 7px 0 7px;
width: 76px;
height: 20px;
font-size: 1.1em;
font-weight: bold;
}

.calendar-body div.event span.date
{
background-color: #C83232;
color: #FFF;
}

.calendar-body div.today span.date
{
background-color: #ff9c01 !important;
color: #FFF;
}

.calendar-body  span.red-border,
.calendar-body  span.orange-border {display: none;}

.calendar-body div.event span.red-border
{
display:block;
position: absolute;
top: -1px;
left: -1px;
border: 1px solid #C83232;
width: 90px;
height: 73px;
background: transparent;
}

.calendar-body div.event span.text
{
position: relative;
z-index: 999;
}

.calendar-body  div.today span.red-border {display: none !important;}
.calendar-body div.today {background-color: #ffeaca !important;}

.calendar-body div.today span.orange-border
{
display:block;
position: absolute;
top: -1px;
left: -1px;
border: 1px solid #ff9c01 !important;
width: 90px;
height: 73px;
background: transparent;
}

.calendar-body div.today span.today-label
{
display: inline-block;
color: #FFF;
font-weight: bold;
position: absolute;
top: 4px;
right: 7px;
z-index: 999;
}

.calendar-body div.blank {background-color: #d2d2d2;}

div.modal-window {display: none;}

#popup-event-content h2 a {color:#FFF;}

div.event-info
{
padding: 10px;
background-color: #FFF;
}

.event-info h2
{
background-color: #FF9C01;
color: #FFF;
font-size: 15pt; /* 2em; */
padding: 0 10px;
}

.event-info p 
{ 
font-size:10pt; 
font-weight:normal;
}

.event-info .multiDay
{
font-size: 8pt;
font-weight:normal;
}

h1.event-date {font-size:1.5em !important;}

.event-info div.text {padding: 0 10px;}

div.big-calendar-area
{
width: 640px;
height: 540px;
position:relative;
margin: 0 0 30px 0;
}

#calendarIframe 
{
width: 642px !important;
height: 680px;
position: absolute;
top: 0;
left: 0;
}

/* 5.8. Registration Page */

.registration-form fieldset 
{
margin: 0 0 15px 0;
background-color: #e6e6e6;
padding: 10px 15px;
border: 1px solid #d3d3d3;
position: relative;
}
.registration-form fieldset.yellow 
{
    background:#FFF380;
}
.registration-form fieldset.yellow ul
{
    font-size: 1.2em;
    list-style-type: disc;
    padding-left:20px;
}
.registration-form fieldset.yellow input 
{
    float:left;
}

.registration-form fieldset.yellow div.spacer 
{
    width:10px;
    height:25px;
    float:left;
}

.registration-form fieldset h4 {font-size: 1.3em;}

.registration-form legend 
{
font-size: 1.75em;
position: relative;
}

.registration-form div.player-form 
{
margin: 0 0 15px 0;
float: left;
width: 50%;
}

.registration-form label
{
display: block;
font-size: 1.2em;
margin: 0 0 3px 0;
}
.registration-form table.payment-options label
{
float:left !important;
}

.registration-form input.text
{
margin: 0 0 10px 0;
border: 1px solid #ccc;
font-size: 1.3em;
width: 250px;
}
.registration-form table.payment-options
{
float:left !important;
}
.registration-form table.payment-options input
{
float:left !important;
}

.registration-form input.submit
{
margin: 0 0 10px 0;
}

.registration-form select
{
font-size: 1.2em;
font-family: Arial, helvetica, serif;
margin: 0 0 15px 0;
border: 1px solid #ccc;
width: 250px;
}
.registration-form select.no-padding
{
margin: 0 0 0 0 !important;
}

.registration-form select.date-element
{
width: auto;
}

.registration-form input.btn
{
display: block;
height: 33px;
background: transparent url(../img/form-sprite.png) no-repeat 0 0;
padding: 0;
border: 0;
text-indent: -9999px;
line-height: 0;
font-size: 0;
}

.registration-form input.save-btn
{
display: block;
height: 27px;
background: transparent url(../img/save.png) no-repeat 0 0;
padding: 0;
border: 0;
text-indent: -9999px;
line-height: 0;
font-size: 0;
width:72px;
}

.registration-form input.register-btn
{
width: 116px;
background-position: 0 -44px;
}

.registration-form input.register-another-team-btn
{
width: 168px;
background-position: 0 0;
}

.registration-form div.mailing-list input
{
float:left;
}
.registration-form div.mailing-list label
{
float:left;
font-weight:normal;
}

.registration-form div.help 
{
margin-left:10px;
float:right;
width:365px;
height:auto;
border:1px solid #FFF467;
background:#FFFDCE;
color:#000;
padding:3px;
}
.registration-form div.help p
{
font-size:12px;
font-weight:normal;
margin:0 !important;
}

.registration-form div.i-agree input
{

}
.registration-form div.i-agree label
{

display:inline;
}

/* 5.9. Team Tracker */

div.team-tracker {width: 670px;}

.team-tracker fieldset 
{
display: block;
margin: 0 0 25px 0;
background-color: #E6E6E6;
width: 640px;
padding: 10px 14px; /* 10px 15px */
border: 1px solid lightGrey;
position: relative;
}

.team-tracker fieldset legend
{
font-size: 1.75em;
position: relative;
}

.team-tracker div.column {width:300px;}

.team-tracker fieldset h4
{
background:lightGrey;
border:1px solid #C9C9C9;
padding:5px;
position: relative;
}

.team-tracker fieldset h4 a
{
position: absolute;
top: 5px;
right: 7px;
color:#E00000;
font-size:0.9em;
font-weight:bold;
}

.team-tracker ul.team-tracker-game
{
margin:0;
padding:0;
}

.team-tracker ul.team-tracker-game li
{
border-bottom: 1px solid #C9C9C9;
font-size:1.1em;
clear:both;
}

.team-tracker div.tt-small-calendar-container
{
position: relative;
background: #FFF;
width: 300px;
height: 210px;
}

.team-tracker #calendarIframe /* IE6, IE7, IE8 */
{
width: 268px !important;
top: 10px;
left: 17px;
}

ul.team-tracker-game li span.date
{
display:block;
width:100px;
float:left;
}

ul.team-tracker-game li span.details
{
display:block;
width:200px;
float:left;
text-align:justify;
}

/*-----------------*/
/* 6. Footer [FTR] */
/*-----------------*/

/* 6.1. Sponsor Area */

div.sponsor-area
{
text-align: center;
margin: 0 0 25px 0;
}

.sponsor-area img  {margin: 0 15px 15px 15px;}

/* 6.2. Footer Area */

div.footer
{
border-top: 1px solid #cbcbcb;
padding: 25px 0 30px 0;
background-color: #FFF;
position: relative;
}

    /* 6.2.1. Footer Link */

    div.footer-link
    {
    width: 670px;
    border-right: 1px solid #cdcdcd;
    float: left;
    }

    div.footer-link h3 a
    {
    font-size: 1em;
    color: #2a2a2a;
    }

    div.link-block
    {
    float: left;
    margin: 0 0 25px 0;
    }

    .link-block ul /* IE6 */
    {
    float: left;
    margin: 0 35px 0 0;	
    }

    .link-block li {margin: 0 0 4px 0;}

    div.bottom-link  {
    margin: 0 0 15px 0;
    font-size: 1.2em;
    color: #d6d6d6;
    vertical-align: middle;
    }

    .bottom-link a {
    vertical-align: middle;
    font-size: 1em;
    height: 16px;
    }

    a.rss {
    display: inline-block;
    background: transparent url(../img/common.png) no-repeat 0 -254px;
    padding: 0 0 0 26px;
    }
    
    /* 6.2.2. Social Link */
    
    div.social-link {
    width: 245px;
    padding: 25px 0 0 45px;
    float: right;
    }

    .social-link li {
    margin: 0 0 10px 0;
    height: 23px;
    line-height: 23px;
    background: transparent url(../img/common.png) no-repeat 0 0;
    padding: 0 0 0 38px;
    }

    .social-link li.facebook{background-position: 0 -280px}
    .social-link li.twitter{background-position: 0 -313px}

    /* 6.2.3. Footer Bottom */
    
    div.footer-bottom {margin: 10px 0 0 0;}

    div.copy
    {
    font-size: 1.1em;
    float: left;
    }

    .copy a
    {
    font-size: 1em;
    color: #232020;
    }

    div.by {float: right;}
    .by a {font-weight: bold;}

/*------------------------------*/
/* 7. Plug-in Related CSS [PRC] */
/*------------------------------*/

/*-------------------------*/
/* 8. Additional CSS [ADC] */
/*-------------------------*/

/* 8.1. results-detail */
div.results-detail
{
    width:700px;
    margin:0 auto;
}

div.results-detail div.logo
{
    width:205px;
    margin:0 auto;
}

div.results-detail h4.match-details
{
    text-align:center;
}
div.results-detail h5.match-details
{
    text-align:center;
}
div.results-detail div.map
{
    border:1px solid #C8C8C8;
    padding:3px;
}
/* GALLERY LIST */
ul.gallery-list
{
    margin:0;
    padding:0;
}

ul.gallery-list li
{
    width:650px;
    height:120px;
    border:1px solid #C8C8C8;
    list-style-type: none !important;
    margin:0;
    margin-bottom:20px;
    padding:10px;
}

ul.gallery-list li h3
{
    width: 470px;
    float:left;
}
ul.gallery-list li div.description
{
    width:470px;
    float:left;
    color:#333;
}
ul.gallery-list li div.image
{
    float:right;
}

/* GALLERY IMAGES */
ul.gallery 
{
    margin:0;
    padding:0;
}
ul.gallery li
{
    background:#E9E9E9;
    border:1px solid #C8C8C8;
    width:140px;
    height:140px;    
    float:left;
    margin:9px !important;
    padding:0 !important;
    list-style-type: none !important;
}
ul.gallery li img
{
    padding:10px;
}

/* MISC */
.floatRight {float:right;}
.floatLeft {float:left;}
/* Downloads */
td.downloads-item
{
padding: 10px 0 10px 0;
border-bottom: 1px solid #dbdbdb;
}
div.item-text
{
width: 440px;
float: left;
}

div.item-image
{
width: 150px;
float: right; 
margin:10px 5px 0 5px;
text-align: center;
background-color: #FFF; 
}

div.item-image img
{
vertical-align: middle;
text-align: center;
border: 0;
float: none;
margin: 0;
}
td.downloads-item .txt11p
{
    font-size: 11px;   
}
td.downloads-item .subhd14b             {font-size: 14px; font-weight: bold; color: #FFA200;}
td.downloads-item .txt12p             {font-size: 12px; }
td.downloads-item a:link, td.downloads-item a:visited   {color:#e00000; text-decoration:none; }

td.downloads-item a:hover, td.downloads-item a:active   {color:#006fe0; text-decoration:none; }