﻿/* Sitewide * with body margin 10 shaobo */
body, table, tr, td, form, div, p, h1, h2, h3, h4, a:link, a:visited, a:hover, a {
	margin: 10 0 0 0;
	padding: 0;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif,宋体;
	font-size: medium;
	font-style: normal;
}
div, table, tr, td, img {margin: 0 0 0 0; padding: 0;}
a {text-decoration: none; color: #006aba;}
a:hover {text-decoration: underline;}

.hidden {display: none;}
.content {}
.refreshTextArea {padding: 2px; font-size: small; font-style: normal}
.endFloat {clear:both;}

/* Standard banner and footer */
.accessKey
{
    vertical-align: middle;
    font-size: xx-small;
    font-weight: normal;
    color: #666666;
}
.bannerSml
{
    background-color: #ffffff;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.bannerBig
{
    background-color: #ffffff;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
#masterBrand
{
    background: url(/mobile/images/tiles-bak_m-brand_000.gif);
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #040404;
    border-top: 1px solid #4f4f4f;
    border-bottom: 1px solid #4f4f4f;
    padding: 2px 8px 2px 8px;
}

.crumbTrail
{
    background-color: #e5e5e5;
    color: #000000;
    font-size: x-small;
    font-weight: bold;
    border-bottom: 1px solid #c0c0c0;
}
.crumbTrail a:link, .crumbTrail a:visited, .crumbTrail a:active
{
    color: #666666;
    font-weight: normal;
    font-size: x-small;
}
.linkList ul
{
    list-style-type: none;
    padding: 0;
    margin: 0 0 1px 0;
}
.linkListNoIcon ul
{
    list-style-type: none;
    padding: 0;
    margin: 0 0 1px 0;
}

.subNav
{
    margin: 9px 0 0 0;
    border-top: 1px solid #c2c2c2;
    padding-left: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.subNav ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
a.backTopLnk:link, a.backTopLnk:visited, a.backTopLnk:active, a.backTopLnk:hover
{
    color: #113466;
    font-weight: normal;
    margin: 4px 0 0 0;
}

.optorNav
{
    margin: 8px 0 0 0;
    border-top: 1px dashed #1E679B;
    padding-left: 2px;
    padding-top: 8px;
}
.optorNav a:link, .optorNav a:visited, .optorNav a:active
{
    font-weight: bold;
}

.deskLink
{
    background-color: #4d4d4d;
    margin: 0 0 0 0;
    padding: 3px;
}
.deskLink a:link, .deskLink a:visited
{
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
}
.deskLink a:hover, .deskLink a:active
{
    text-decoration: underline;
}

.footer a:link, .footer a:visited
{
    font-size: small;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
.footer a:hover, .footer a:active
{
    text-decoration: underline;
}
.footer
{
    font-weight: normal;
    color: #666666;
    padding: 7px;
    border-top: 4px solid #C2C2C2;
    background-color: #888888;
}
.footer hr
{
    display: none;
}
.footer ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#navTools
{
    background-color: #333333;
    padding: 7px;
    color: white;
    font-size: small;
    font-weight: bold;
}
#navTools ul
{
    padding: 0 7px 7px 18px;
    margin: 0;
}
#navTools li
{
    padding: 4px 0 0 0;
}
#navTools ul li a:link, #navTools ul li a:visited
{
    color: white;
    font-size: small;
    font-weight: normal;
    text-decoration: none;
}
#navTools ul li a:hover, #navTools ul li a:active
{
    text-decoration: underline;
}

#netLinks
{
    padding: 4px;
    border-top: 4px solid #e0e0d0;
    background-color: #c1c0c0;
}
#netLinks a:link, #netLinks a:visited
{
    color: #4d4d4d;
    font-weight: bold;
    text-decoration: none;
}
#netLinks a:hover, #netLinks a:active
{
    text-decoration: underline;
}

.searchBox
{
    padding-top: 6px;
    border-top: 1px dashed #000000;
    padding: 2px;
}
.srchTitle
{
    display: block;
    color: #666;
    font-weight: bold;
    margin: 4px 0 4px 0;
}

textarea
{
    width: 400px;
    height: 200px;
}
.endFloat
{
    clear: both;
}

/* Promo classes */
.GpromBox
{
    padding: 9px;
    color: black;
    background-color: #ebebeb;
}
.GpromBox img
{
    border: 1px solid #ffffff;
}
.GpromBox h2
{
    margin: 0 0 2px 0;
    font-weight: bold;
}
.GpromImg
{
    float: left;
    width: 70px;
}
.GpromBoxTxt
{
    min-width: 170px;
    font-size: small;
}
.GmediaLnks a
{
    text-decoration: none;
}
.GmediaLnks a:hover
{
    text-decoration: underline;
}
.GmediaLnks
{
    clear: both;
    list-style-type: none;
    padding: 0;
    margin: 0 0 4px 0;
}
.GmediaLnks img
{
    margin: 0 4px 0 0;
    border: none;
    vertical-align: middle;
}
.GmediaLnks a:link, .GmediaLnks a:visited, .GmediaLnks a:active
{
    font-size: small;
}
.GpromBox hr
{
    display: none;
}


/* New promos and h2 changes. JQ 25-06-09 */
.MenuSubHeader, .MenuHeader
{
    color: #333333;
    font-weight: bold;
    font-size: medium;
    padding: 2px;
    background-color: #EEEEEE;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
}
.menuHeader
{
    background: url(http://www.bbc.co.uk/mobile/images/newimgs/h2-bak.gif);
    background-repeat: repeat-x;
    background-color: #ecedee;
    border-bottom: 1px solid #c1c0c0;
    border-top: 1px solid #c1c0c0;
}
h2 a:link, h2 a:visited
{
    color: #333333;
    font-weight: bold;
    text-decoration: none;
}
h2 a:hover, h2 a:active
{
    color: #333333;
    text-decoration: underline;
}

#topPromo
{
    background-color: black;
}
#topPromo p
{
    display: block;
    color: white;
    font-size: small;
    border-top: 1px solid #757474;
    padding: 2px;
}
#topPromo a:link, #topPromo a:visited
{
    color: white;
    font-weight: bold;
    font-size: small;
    text-decoration: none;
    display: block;
}
#topPromo a:hover, #topPromo a:active
{
    font-size: small;
    text-decoration: underline;
    display: block;
}

.hoverPromo
{
    font-size: small;
    border-bottom: 1px solid #c1c0c0;
    background-color: #ebebeb;
}
.hoverPromo a
{
    text-decoration: none;
}
.hoverPromo a:hover
{
    text-decoration: underline;
}
.hoverPromo img
{
    float: left;
    margin: 0 4px 0 0;
}
.hoverPromo p
{
    color: white;
    padding: 4px;
    font-size: small;
}

/* List styles for WAT Refresh */
h1.MenuHeaderWithPic
{
    background-color: #ebebeb;
    color: black;
    padding: 9px;
    border-bottom: 1px solid white;
}
.MenuHeaderWithPic img
{
    float: left;
    margin: 0 4px 0 0;
}
.MenuHeaderWithPic p
{
    margin: 0 0 0 9px;
}

.linkList li
{
    padding: 2px;
    padding-left: 19px;
    margin: 2px;
}
.listDef
{
    background: url(/mobile/images/newimgs/ico_def_on-fff.gif);
    background-repeat: no-repeat;
}
.listBul
{
    background-repeat: no-repeat;
}
.listTxt
{
    background-repeat: no-repeat;
    background-position: top left;
}
.listPlay
{
    background-repeat: no-repeat;
}
.listImg
{
    background-repeat: no-repeat;
}
.listAud
{
    background-repeat: no-repeat;
}
.listWar
{
    background: background-repeat: no-repeat;
}
.listMore
{
    background: background-repeat: no-repeat;
    background-color: #f2f2f2;
}
.linkList li.listNon
{
    padding-left: 2px;
}

.linkList a:link, .linkList a:visited
{
    font-weight: normal;
    text-decoration: none;
    font-size: small;
}
.linkList a:hover, .linkList a:active
{
    text-decoration: underline;
    font-size: small;
}

.galleryImgBox
{
    background-color: #eeeeee;
    text-align: center;
    padding: 9px 0 9px 0;
}
.galleryImgBox img
{
    margin: 0 0 9px 0;
}
.galleryImgBox a:link, .galleryImgBox a:visited, .galleryImgBox a:active
{
    text-decoration: none;
}

/* Global wallpaper styles */
.promBox
{
    padding: 4px;
    color: #000000;
    background-color: #e5e5e5;
}
.promBox a:link, .promBox a:visited, .promBox a:active
{
    color: #000000;
    font-weight: bold;
}

/* Advert Styling */
.ifsAdvert img
{
    border: none;
    margin: 2px;
}
.ifsAdvert
{
    background-color: #000000;
    text-align: center;
}




.shareThis
{
    border-bottom: 1px solid #C1C1C1;
    border-top: 1px solid #C1C1C1;
    margin-top: 9px;
    margin-bottom: 9px;
    padding-left: 5px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.shareTitle
{
    font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-size: medium;
    font-weight: bold;
    color: #676767;
    margin-bottom: 9px;
}

.shareIcon
{
    margin-right: 0px;
    border: none;
}




