/*
body
{
        background-color: #C0C0C0;
        font-family: Verdana;
        font-size: 10px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
}
*/

#container
{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        background-color: #C0C0C0;
}

#content
{
        width: 720px;
        margin-left: auto;
        margin-right: auto;
        border-left: solid 1px #FFFFFF;
        border-right: solid 1px #FFFFFF;
        text-align: left;
}

#bannerHeader
{
        width: 720px;
        height: 145px;
        clear: both;
        float: left;
        background-image: url(../../telegraph/telegraph_images/header.jpg);
        background-repeat: no-repeat;
}

#bannerHeader #emailPuff
{
        float: right;
        margin-right: 10px;
        clear: both;
}

#ContentHolder
{
        width: 720px;
        clear: both;
        float: left;
        padding: 0px;
        background-color: White;
}

#ProfileHolder
{
        clear: both;
        float: left;
        font-size: 11px;
        font-family: Verdana;
        padding: 0px;
        background-color: White;
}

#bodyWhite {
        background-color: White;
}


/* LEFT MENU SECTION */

#ContentHolder #leftMenu
{
        width: 165px;
        clear: left;
        float: left;
        font-size: 12px;
        margin-top: 10px;
}
#leftMenu #menuHeader
{
        width: 170px;
        clear: both;
        height: 20px;
        font-weight: bold;
        background-color: white;
        border-bottom: solid 1px #c0c0c0;

}
#leftMenu .menuBackIcon
{
        float: left;
        width: 5px;
        height: 19px;
        background-color: #C0C0C0;
}
#leftMenu .menuLink
{
        float: left;
        margin-left: 5PX;
        margin-top: 3px;
}
#leftMenu .menuLink a
{
        text-decoration: none;
}
#leftMenu .menuLink a:hover
{
        text-decoration: underline;
}
#leftMenu .menuLink a:visited
{
        text-decoration: none;
}

#leftMenu #leftMenuContain
{
        width: 170;
        float: left;
        padding-top: 20px;
        clear: both;
        border: none;
}

#leftMenuContain #leftMenuHeader
{
    width: 170px;
    padding-bottom: 3px;
}

#leftMenuContain .leftMenuBase
{
    width: 150px;
    border-top: solid 1px gray;
    float: left;
    clear: both;
}

#leftMenuContain .leftMenuChannel
{
    width: 170px;
    float: left;
    height: 18px;
    clear: both;
    margin-bottom: 1px;
}

#leftMenuContain .leftMenuChannel .channelIcon
{
    width: 5px;
    height: 18px;
    float: left;
}

#leftMenuContain .leftMenuChannel .channelLink
{
    float: left;
    clear: right;
    margin-top: 3px;
    margin-left: 5px;
}

#leftMenuContain .leftMenuChannelOpen
{
    width: 170px;
    float: left;
    clear: both;
    height: 18px;
    margin-bottom: 1px;
}

#leftMenuContain .leftMenuChannelOpen .channelIcon
{
    width: 5px;
    float: left;
    height: 18px;
}

#leftMenuContain .leftMenuChannelOpen .channelLink
{
    float: left;
    clear: right;
    margin-left: 5px;
    margin-top: 3px;
    font-weight: bold;
}

#leftMenuContain .leftMenuOtherMatchLink
{
    width: 170px;
    float: center;
    clear: both;
    height: 18px;
    margin-bottom: 1px;
}

#leftMenuContain .leftMenuOtherMatchLink .channelIconOtherMatch
{
    width: 0px;
    float: left;
    height: 18px;
}

#leftMenuContain .leftMenuOtherMatchLink .channelLinkOtherMatch
{
    font-size: 10px;
    float: center;
    text-align: center;
    margin-top: 3px;
    font-weight: bold;
}



#leftMenuContain .leftMenuPosting
{
    background-color: white;
    width: 155px;
    margin-bottom: 1px;
    vertical-align: middle;
    height:18px;
    float: left;
    clear: both;
}

#leftMenuContain .leftMenuPosting .postingIcon
{
    width: 5px;
    float: left;
    height: 20px;
}

#leftMenuContain .leftMenuPosting .postingLink
{
    float: left;
    clear: right;
    margin-top: 3px;
    margin-left: 5px;
}
#leftMenuContain .leftMenuPostingOpen .postingLink a
{
    color: #CC0000;;
}
#leftMenuContain .leftMenuPostingOpen .postingLink a:hover
{
    color: #CC0000;;
    text-decoration: underline;
}
#leftMenuContain .leftMenuPostingOpen
{
    background-color: white;
    width: 155px;
    float: left;
    height: 18px;
    clear: both;
    margin-bottom: 1px;
}
#leftMenuContain .leftMenuPostingOpen .postingIcon
{
    background-color: #CC0000;;
    width: 5px;
    float: left;
    height: 20px;
}

#leftMenuContain .leftMenuPostingOpen .postingLink
{
    float: left;
    clear: right;
    margin-left: 5px;
    margin-top: 3px;
    font-weight: bold;
}

/*------------------------------------------------------------------------------------------------------*/
#leftMenuContain .leftMenuDynamic
{
    background-color: white;
    width: 155px;
    margin-bottom: 1px;
    vertical-align: middle;
    height:18px;
    clear: both;
    margin-left: 15px;
    display: block;
}

#leftMenuContain .leftMenuDynamicLink
{
    background-color: white;
    width: 145px;
    margin-bottom: 1px;
    vertical-align: middle;
    height:18px;
    clear: both;
    margin-left: 25px;
    display: block;
}

#leftMenuContain .leftMenuDynamicLink a
{
    color: #CC0000;;
}

#leftMenuContain .leftMenuDynamicLink a:hover
{
    color: #CC0000;;
    text-decoration: underline;
}

#leftMenuContain .leftMenuDynamicLink a:active
{
    color: #CC0000;;
    background-color: blue;
}

#leftMenuContain .leftMenuRanking
{
    background-color: #EAEAEA;
    width: 160px;
    margin-bottom: 1px;
    vertical-align: middle;
    height:18px;
    clear: both;
    margin-left: 20px;
    display: block;
}

/*--------------------------------------------------------------------------------------------------------*/

/* END OF LEFTMENU SECTION */


/* MAIN CONTENT SECTION */

#mainContent
{
        width: 530px;
        float: left;
        clear: right;
}

        /* MENU */


        #mainContent #mainContentMenu
        {
                width: 515px;
                background-color: white;
                float: right;
                color: #003399;
                padding-top: 5px;
                padding-bottom: 0px;
                font-size: 12px;
                border-bottom: solid 1px red;
                clear: both;
        }

        #mainContentMenu .menuItem
        {
                float: left;
                clear: none;
                height: 20px;
                margin-right: 1px;
                font-weight: bold;
                background-color: #EAEAEA;
                color: #003399;
                padding-left: 10px;
                padding-right: 10px;
                margin-bottom: 0px;
                padding-top: 2px;
                border: none;
        }

        #mainContentMenu .menuItemleft
        {
                float: left;
                clear: none;
                height: 20px;
                margin-right: 1px;
                font-weight: bold;
                background-color: #EAEAEA;
                color: #003399;
                padding-left: 10px;
                padding-right: 10px;
                border: none;
                padding-top: 2px;
                margin-bottom: 0px;
        }
        #mainContentMenu .menuItemright
        {
                float: left;
                clear: none;
                height: 20px;
                margin-right: 1px;
                font-weight: bold;
                background-color: #EAEAEA;
                color: #003399;
                padding-left: 10px;
                padding-right: 10px;
                margin-bottom: 0px;
                padding-top: 2px;
                border: none;
        }
        #mainContentMenu a
        {
                color: #003399;
        }

        #mainContentMenu .selected
        {
                background-color: #CC0000;;
        }
        #mainContentMenu .selected a
        {
                color: White;
                text-decoration: none;
        }
        #mainContentMenu .selected a:hover
        {
                color: White;
                text-decoration: underline;
        }


        /* END OF MENU*/

    /* CONTENT PANE */
    #mainContent #mainContentPane
        {
                width: 515px;
                float: right;
                padding-top: 20px;
                clear: both;
                border: none;
        }

        

    #mainContent #pageHeader
        {
            width: 515px;
            padding-bottom: 3px;
            margin-bottom: 10px;
            color: #336699;
            border-bottom: solid 1px #CCCCCC;

        }

    #mainContent #subHeader a
    {
        font-size: 12px;
        text-decoration: none;
        font-weight: bold;
        color: #669ACC;
    }
    #mainContent #subHeader a:hover
    {
        font-size: 12px;
        text-decoration: underline;
        font-weight: bold;
        color: #669ACC;
    }
    #mainContent #subHeader a:visited
    {
        font-size: 12px;
        text-decoration: none;
        font-weight: bold;
        color: #669ACC;
    }

/* END OF MAIN CONTENT SECTION */


/* TABLE BUILDING */

.dataTableDan
{
    font-size: 10px;
    background-color: #FFFFFF;
    border: 1px;
}

.dataTable
{
    font-size: 10px;
    background-color: #336799;
    border: 1px;
}

.subheader
{
    background-color: #669ACC;
    font-weight: bold;
    color: White;
    text-align: center;
}

.header
{
    background-color: #336799;
    font-weight: bold;
    color: White;
}

.name
{
    width: 120px;
    background-color: #B8D3F0;
    color: black;
    font-weight: bold;
}
.atCrease
{
    background-color: #B8D3F0;
    color: black;
    font-weight: bold;
}

.extras
{
    background-color: #B8D3F0;
    font-weight: bold;
}



.dataTable .small
{
    background-color: White;
    width: 30px;
    height: 20px;
}
.dataTable .cell
{
    background-color: White;
    padding-top: 2px;
    padding-bottom: 2px;
}
.left
{
    text-align: left;
}

.right
{
    text-align: right;
}
.center
{
    text-align: center;
}

/* ------------------------------------------------------------- */

h5
{
    color: #336799;
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: White;
}

/* ------------------------------------------------------------- */

/* END OF TABLE BUILDING */



/* PROFILE SECTION */

#profileImage
{
        float: left;
        clear: left;
}
#profileStats
{
        float: left;
        clear: right;
        font-size: 11px;
        font-family: Verdana;
        width: 200px;
        padding-left: 10px;
        font-weight: normal;
}
#profileText
{
        margin-top: 10px;
        float: left;
        font-size: 11px;
        font-family: Verdana;
        clear: both;
        width: 500px;
        font-weight: normal;

}
#profile
{
        width: 500px;
}

#ashesHistory
{
        margin-left: 10px;
        float: left;
        margin-top: 20px;
}

.batting
{
        font-size: 10px;
        background-color: #336699;
}

.batting .tHeader
{
        color: White;
        background-color: #336699;
    font-weight: bold;
}
.batting .tHeader td
{
        width: 40px;
        text-align: center;
        vertical-align: middle;
}
.batting .data td
{
        width: 40px;
        text-align: center;
        vertical-align: middle;
        background-color: White;
}

.bowling
{
        font-size: 10px;
        background-color: #336699;
}
.bowling .tHeader .title
{
        width: 40px;
}

.bowling .tHeader
{
        color: White;
        background-color: #336699;
    font-weight: bold;
}
.bowling .tHeader td
{
        width: 49px;
        text-align: center;
        vertical-align: middle;
}
.bowling .data td
{
        width: 49px;
        text-align: center;
        vertical-align: middle;
        background-color: White;
}

h3
{
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
}

/* END OF PROFILE SECTION */




/* FOOTER SECTION */

#footer
{
        height: 25px;
        width: 720px;
        clear: both;
        float: left;
        background-color: white;
}
#footer #bottomCredits
{
        color: #003399;
        float: right;
        clear: right;
        width: 140px;
        text-align: right;
        margin-right: 15px;
        margin-top: 5px;
}
#footer #bottomMenu
{
        float: left;
        clear: left;
        width: 500px;
        margin-top: 5px;
}
#footer .bMenuItem
{
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        border-left: solid 1px #C0C0C0;
        border-right: solid 1px #C0C0C0;
}
#footer .left
{
        border-left: none;
}
#footer .right
{
        border-right: none;
}

#footer a
{
        color: #003399;
        text-decoration: none;
        font-weight: bold;
}
#footer a:hover
{
        color: #003399;
        text-decoration: underline;
        font-weight: bold;
}
#footer a:visited
{
        color: #003399;
        text-decoration: none;
        font-weight: bold;
}
/* END OF FOOTER SECTION */



/* generic  */

/*
a
{
    color: black;
    text-decoration: none;
}
a:Hover
{
    text-decoration: underline;
}
a
{
    text-decoration: none;
}
*/

h1
{
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
    color: #336699;
}

/* ------------------------------------------------------------- */

.comment {
padding-left:0px;
font-weight: normal;
}

.comment_red {
padding-left:0px;
font-weight: bold;
color: red;
}

ul {
padding:0;
padding-left:0px;
margin-left:28px;
}

ol {
padding:0;
padding-left:0px;
margin-left:33px;
font-weight: bold;
}

li {
padding-left: .6em;
vertical-align: middle;
}

.numberlist {
padding-left: .16em;
}
/* ------------------------------------------------------------- */




/* Match table */
#matchSummaryTable
{
        font-size: 10px;
}
#matchSummaryTable .header
{
        font-weight: bold;
}
#matchInformation
{
        font-size: 10px;
}
#matchInformation .homeData
{
        text-align: right;
        padding-right: 10px;
}
#matchInformation .awayData
{
        text-align: left;
        padding-left: 10px;
}
#matchInformation .miHeader
{
        font-size: 14px;
        color: #658B1C;
        font-weight: bold;
}

/* Player Profile */

.footerTitle {
  color:#234B7B;
  font-weight:bold;
}

.footerTitle, .footerKey, .footerComment {
font-size:11px;
margin:0;
padding:0;
text-align:left;
}

.footerKey {
color:#404040;
font-weight:bold;
}