body { font-family: tahoma,arial,helvetica,sans-serif; font-size: 11px; background: #fff; margin: 11px 0px 0px 0px; text-align: center; }
td   { font-family: tahoma,arial,helvetica,sans-serif; font-size: 11px; vertical-align: top; }

form { margin: 0px; }

a       { text-decoration: none; }
a:hover { text-decoration: underline; }

a img { border: none; }

.clear { clear: both; font-size: 0px; }

.fullPage { width: 704px; margin: auto; text-align: left; }
.menucell    { width: 704px; height: 30px; background: url(/art/menuBG.jpg) 0 0 no-repeat;  }
.panelcell   { display: none; }

.footcell           { width: 704px; height: 28px; margin: 16px 0px 16px 0px; background: url(/art/footBG.gif) 0 0 no-repeat;  }
.footcell .terms    { float: left; padding: 8px 8px 8px 16px; font-size: 10px; }
.footcell .terms a  { color: #032e51; }
.footcell .info     { float: left; font-size: 9px; color: #666; padding: 2px 0 0 24px; }
.footcell .logos    { padding: 4px 0 0 4px; float: right; }
.footcell .logos img { margin: 0 8px ; }

.panelTitle { }

.homePage {  }

.pgTitle     { width: 704px; height: 25px; }

.columns  { border-bottom: 1px solid #fff; margin: 16px 0px 0px 0px; }
.columnL  { width: 196px; float: left; }
.columnM  { width: 318px; float: left; margin: 0px 16px 0px 16px; }
.columnR  { width: 158px; float: left; }

.homePage { }

.pegi                 { height: 72px; width: 306px; background-color: #e6f2f9; margin-top: 16px; padding: 4px; }
html>body .pegi       { width: 309px; }
.pegi img             { padding: 0 1px; }


.leftImage                     { }
.leftImage .list               { margin-bottom: 16px; }
.leftImage .title, .leftImage .head,
.leftImage .more, .leftImage .view  { display: none; }


.facts                         { }
.facts .list                   { margin: 0 0 16px 0; }
.facts .head, .facts .view     { display: none; }

.facts .listItem0 .factHead, .facts .listItem0 .factFoot,
.facts .listItem1 .factHead, .facts .listItem1 .factFoot  { width: 196px; height: 9px;}

.facts .listItem0 .factHead    { background: url(/art/factHead1.gif) 0 0  no-repeat; }
.facts .listItem0 .factFoot    { background: url(/art/factFoot1.gif) 0 0  no-repeat; }
.facts .listItem0 .body        { background-color: #d2deea; padding: 3px 12px 3px 12px; font-size: 12px; font-weight: bold; color: #032e51; }
.facts .listItem0 .title , .facts .listItem0 .more        { display: none; }

.facts .listItem1 .factHead    { background: url(/art/factHead2.gif) 0 0  no-repeat; }
.facts .listItem1 .factFoot    { background: url(/art/factFoot2.gif) 0 0  no-repeat; }
.facts .listItem1 .body        { background: url(/art/factBG2.gif) 0 0  repeat-y; padding: 3px 12px 3px 12px; font-size: 16px; line-height: normal; color: #034b8f; }
.facts .listItem1 .title, .facts .listItem1 .more        { display: none; }

.banners .bannerHead   { z-index:2; position:relative; width:158px; height:39px; background: url(/art/bannerTop.png) 0 0 no-repeat; color:#FFF;  font-size:11px; font-weight:bold; }
.banners .bannerTitle  { padding:2px 2px 0 4px; }
.banners bannerBottom  { position: absolute; bottom: 0px; height:11px; width:158px; background-color:#D2DEEA; }
.bannerHead, .banners .bannerBody .bannerBottom img { behavior: url(/style/iepngfix.htc) }

.banners .bannerBody                { position:relative; top:-8px; width:158px; background-color: #D2DEEA; }
.banners .bannerBody a, .banners .bannerBody a:hover { color:#000; text-decoration:none; }
.banners .bannerBody a:hover { text-decoration:underline; }
.banners .bannerBody .bannerText    { padding-bottom:5px; padding-top:9px; padding-left:4px; }
.banners .bannerBody .bannerBottom  { position: absolute; bottom:0px; left:0px; }

.bannerpage .item h4 { padding-bottom:10px; }
.bannerpage .item .standfirst { padding-bottom:10px; }
.bannerpage .item .body { padding-bottom:10px; }

.glossary                      { }
.glossary .list                { margin : 0 0 16px 0; }
.glossary .head                { font-size: 16px; font-weight: bold; color: #034b8f; margin: 0 0 16px 0px; }
.glossary .title               { font-weight: bold; }
.glossary .more, .glossary .view { display: none; }


.genres                      { }
.genres .list                { margin : 0 0 16px 0; }
.genres .head                { font-size: 16px; font-weight: bold; color: #034b8f; margin: 0 0 16px 0px; }
.genres .title               { font-weight: bold; }
.genres .more                { display: none; }
.genres .view                { display: none; }


.safePlayText                  { border-bottom: 2px solid #aaa; padding-bottom: 8px; }
.safePlay                      { margin-top: 16px; }
.safePlay .list                { margin : 0 0 16px 0; }
.safePlay .head                { display: none; }
.safePlay .title               { font-weight: bold; margin: 0 0 8px 0; }
.safePlay .more                { display: none; }
.safePlay .view                { display: none; }


.piracy                      { }
.piracy .list                { margin : 0 0 16px 0; }
.piracy .head                { font-size: 16px; font-weight: bold; color: #034b8f; margin: 0 0 16px 0; }
.piracy .title               { font-weight: bold; }
.piracy .more                { display: none; }
.piracy .view                { display: none; }


.parentalLocks                      { }
.parentalLocks .list                { margin : 0 0 16px 0; }
.parentalLocks .head                { font-size: 16px; font-weight: bold; color: #034b8f; margin: 0 0 16px 0; }
.parentalLocks .title               { font-weight: bold; }
.parentalLocks .more                { display: none; }
.parentalLocks .view                { display: none; }


.industryBodies              { }
.industryBodies .list        { margin : 0 0 16px 0; }
.industryBodies .head        { font-size: 16px; font-weight: bold; color: #034b8f; margin: 0 0 16px 0; }
.industryBodies .title       { font-weight: bold; }
.industryBodies .more        { display: none; }
.industryBodies .view        { display: none; }


.usefulSites              { }
.usefulSites .list        { margin : 0 0 16px 0; }
.usefulSites .head        { font-size: 16px; font-weight: bold; color: #034b8f; margin: 0 0 16px 0; }
.usefulSites .title       { font-weight: bold; }
.usefulSites .more        { display: none; }
.usefulSites .view        { display: none; }


.termsPage .content               { padding: 8px 8px 0px 8px; }


/*homepage*/

.category .head         { display: none; }
.category .title        { display: none; }
.category .more         { display: none; }
.category .view         { display: none; }



.note    { font-size: 10px; font-weight: bold; padding: 0px 2px 0px 2px; }
.error   { color: #ff0000; font-weight: bold; padding-bottom: 5px; }
.message { color: #008000; font-weight: bold; padding-bottom: 5px; }

.formLabel   { font-weight: bold; text-align: right; padding-right: 10px; }
.formElement { border: 1px solid #000000; background-color: #fffaf0; }
.formButton  { border: 1px solid #000000; background-color: #ffad18; font-weight: bold; padding-left: 5px; padding-right: 5px; }
.formButtons { text-align: right; padding-top: 10px; }


.formList             {}
.formList a           { display: block; }
.formList a.completed { font-weight: bold; }
.formTitle            { font-weight: bold; padding: 2px; background: #f0f0f0; }
.formSubTitle         { font-weight: bold; padding: 2px; background: #f0f0f0; margin-top: 5px; }

.searchForm    { padding: 2px; }

.searchResults { padding: 2px; margin-top: 20px; }
.searchResult  { margin-top: 5px; }

.searchResults .listLine0 { background: #f8f8f8; padding: 0px 2px 0px 2px; }
.searchResults .listLine1 { background: #f0f0f0; padding: 0px 2px 0px 2px; }

.searchResult .title     { margin-bottom: 5px; }
.searchResult .relevance { font-size: 10px; margin-left: 10px; }
.searchResult .sample    { margin-left: 10px; }

/*
 * Site-wide defaults for the various classes, list type specific values are set below
 */

.head          { }
.thinhead      { }
.title         { }
.date          { }
.standfirst    { }
.body          { }
.extrafield    { }
.image         { }

.regFormLink { margin-top: 20px; background: #d0d0d0; }

.objectForum { border-top: 1px solid #000000; margin-top: 20px; }

.list { }

.list .title      { }
.list .date       { }
.list .standfirst { }
.list .body       { }
.list .image      { }

.item { }

.item .title      { }
.item .date       { }
.item .standfirst { }
.item .body       { }
.item .image      { }

.more          { display: block; }
.more a        { }
.more a:hover  { }

.view          { }
.view a        { }
.view a:hover  { }

.view .prev { float: left; }
.view .next { float: right; }
.view .num  { margin-left: 2px; margin-right: 2px; }
.view .curr { font-size: 16px; font-weight: bold; }

.files         { margin-top:5px; width: 318px;  }
.fileHead      { margin: 0px; padding-left: 2px; }
.fileSubHead   {}
.files a       {margin: 0 15px 0 0}
.files a:hover {}



/*
 * Fun stuff herein
 * Each list type has a class
 * Each list type can appear in a list of as an item
 * Each item attribute has a class
 *
 * e.g. ".news .list .standfirst" refers to the standfirst of a news story in the list context
 *
 * Also the "...read more" and "View the X page" links have a class each of their own
 *
 * Also the "Related Files" boxout has a class
 * The "Related Files" header has a class
 * The file type titles under "Related Files" have a class
 *
 * e.g. ".news .fileHead" refers to the related files header for a news story
 */