html {-webkit-text-size-adjust:none}

body { margin:3px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:9pt; background: #FBFBFF; }
img { border:0; }

div#titlebar { margin-bottom: 5px; overflow: auto; }
div#titlebarleft { float: left; margin-left: 2px; padding: 2px; padding-bottom: 0px; overflow: auto; }
div#titlebarright { float: right; text-align: right; padding: 2px; margin-right: 2px; overflow: auto; }

div#content { margin-left: 165px; padding-left: 1px; padding-right: 1px; background: #FFFFFF; }

div#homepagecol { float:right; width:150px; background: #FFFFFF; margin: 5px 0px 10px 0px; overflow: auto; }
.homepagecolbox { box-shadow: 3px 3px 3px #8E8E8E; background: #DEDEFF; width:90%; margin: 5px auto 10px auto; text-align:center; padding: 5px 2px 5px 2px; overflow: auto; }

div.samplemistake { background: #FFFFFF; margin: 10px auto 10px auto; padding: 5px; width: 95%; overflow: auto; box-shadow: 3px 3px 3px #8E8E8E; }

div.homepage { background: #FFFFFF;
margin-top: 4px;
margin-bottom: 4px;
padding: 5px;
overflow: hidden;
border:2px #DEDEFF outset;
}

div.homepageblank { background: #F5F5FF; 
padding: 5px; 
overflow: hidden; 
margin-bottom: 20px; 
margin-top: 20px; 
box-shadow: 3px 3px 3px #8E8E8E; 
margin-left: auto; 
margin-right: auto;
}

div.homepageheader { background: #313194; 
padding: 5px; 
margin-bottom: 5px; 
color: #FFFFFF; 
text-align: center;
}

.darkblueheader { background: #353897; 
padding: 1px 5px 1px 5px;
color: #FFFFFF; 
text-align: center;
margin-bottom: 0px;
margin-top: 15px;
box-shadow: 3px 3px 3px #8E8E8E;
}

.darkblueheader a { color: #FFFFFF; }
.darkblueheader a:visited { color:#FFFFFF; }
.darkblueheader a:hover { color:#FFFFFF; }

.lightbluebox { background: #F5F5FF; 
padding: 5px; 
overflow: hidden; 
margin-bottom: 15px; 
margin-top: 0px;
box-shadow: 3px 3px 3px #8E8E8E;
}

.bluebox { background: #CDCDFF;
padding: 3px; 
overflow: auto; 
margin: 3px;
box-shadow: 3px 3px 3px #8E8E8E;
}

.whitebox { background: #FFFFFF;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
overflow: auto;
box-shadow: 3px 3px 3px #8E8E8E;
}

.dropshadow { box-shadow: 3px 3px 3px #8E8E8E; }
.shadow { box-shadow: 0px 0px 10px #8E8E8E; }
.roundcorner { -moz-border-radius: 5px; border-radius: 5px; }  
.centralise { margin-left: auto; margin-right: auto; overflow: auto; }

.bestoptions { box-shadow: 3px 3px 3px #8E8E8E; background: #DEDEFF; font-size: 8pt; margin: 2px; padding: 2px;}
.bestoptions:hover { background: #353897; }
.bestoptions:hover a { color: #FFFFFF; }

.width100 { width: 100%; }
.width99 { width: 99%; }
.width98 { width: 98%; }
.width97 { width: 97%; }
.width95 { width: 95%; }
.width90 { width: 90%; }

div.mainentry { background: #F5F5FF; padding: 0px; margin: 0px 0px 10px 0px; overflow: auto; width: 99%; box-shadow: 3px 3px 3px #8E8E8E; }
div.entry_text { margin: 5px; }
.bottomentryinfo { background: #DDDDE7; font-size: 8pt; overflow: hidden; margin: 0px; clear: right; position: relative; height: 15px; }
.bottomentryinfotext { margin: 0px 10px 0px 6px; }
.membercredit { font-weight: bold; font-style: italic; float: right; margin-right: 6px; }
.editoptions { margin: 0px 5px 0px 5px; }
.closeeditoptions { font-weight:bold; cursor: pointer; float: right; text-align: center; color: #C00000; margin-right: 7px; }

.typelink { box-shadow: 3px 3px 3px #8E8E8E; background: #DEDEFF; padding: 3px 7px 3px 7px; float: left; margin: 6px; }
.typelink:hover { background: #353897; }
.typelink:hover a { color: #FFFFFF; }
.typelink_mobile { font-size: 90%; box-shadow: 3px 3px 3px #8E8E8E; background: #DEDEFF; padding: 1px; float: left; margin: 3px 2px 3px 2px; }
.typelink_mobile:hover { background: #353897; }
.typelink_mobile:hover a { color: #FFFFFF; }
.typelink2 { background: #353897; color: #FFFFFF; font-weight: bold; }
.typelink_submit { box-shadow: 3px 3px 3px #8E8E8E; background: #FFFF96; padding: 3px 7px 3px 7px; float: left; margin: 6px; }
.typelink_submit:hover { background: #353897; }
.typelink_submit:hover a { color: #FFFFFF; }
.typelink_submit_mobile { font-size: 90%; box-shadow: 3px 3px 3px #8E8E8E; background: #FFFF96; padding: 1px; float: left; margin: 3px 2px 3px 2px; }
.typelink_submit_mobile:hover { background: #353897; }
.typelink_submit_mobile:hover a { color: #FFFFFF; }
.typelink_grey { box-shadow: 3px 3px 3px #8E8E8E; background: #DEDEFF; padding: 3px 7px 3px 7px; float: left; margin: 6px; color: #B3B3B3; }

.mobiletypeselect { padding: 3px; border-bottom: 1px #D1D1D1 solid; font-size: 140%; text-align: center; }

.bottomentrymaininfo { position: absolute; top: 1px; overflow: hidden; width: 100%; }
.bottomentryeditinfo { position: absolute; top: 1px; overflow: hidden; width: 100%; display: none; }

.contributelink { background: #FFFF96; font-size: 12pt; text-align: center; }

.episodetitlebox { color:#353897; background:#CDCDFF; margin: 10px 0px 0px 0px; overflow: auto; width: 99%; box-shadow: 3px 3px 3px #8E8E8E; }
.episodetitletext { margin: 2px 5px 2px 5px; }

.votebox { width: 20px; text-align: center; font-size: 14pt;float: right; cursor: pointer; }
.voteup { color: #009600; }
.voteup:hover { background: #CBFFCB; }
.votedown { color: #C00000; }
.votedown:hover { background: #FFC1C1; }

.border { border: 1px black solid; }

div.mainbox { border: 2px #B3B3B3 solid; margin: 3px; padding: 2px; overflow: auto; }

div.box { background: #F5F5FF; margin: 10px; padding: 5px; overflow: hidden; box-shadow: 3px 3px 3px #8E8E8E; }

#navbar_new { clear:both; float:left; width:160px; margin-bottom:5px; } 

#navbar_new a { color:#353897; }
#navbar_new a:hover { color:#FF0000 }
#navbar_new a:visited { color:#353897 }

#navbar_new ul { box-shadow: 3px 3px 3px #8E8E8E; margin: 0px 0px 0px 0px; padding: 0px; list-style: none; text-align: left; font-size:9pt; }
#navbar_new ul li ul { padding: 2px 2px 4px 5px; }
#navbar_new ul li ul li { margin: 2px 0px 3px 0px; }

.navheader_new {
text-align: left;
color: #FFFFFF;
font-weight: bold;
font-size:11pt;
cursor: pointer;
padding: 0px 0px 0px 3px;
margin: 0px;
background: #353897;
box-shadow: 3px 3px 3px #8E8E8E;
}

.navlist_new { background: #F5F5FF; }

#navhead15 { background: #FFFF96; color: #000000; }
#nav15 { background: #FFFF96; }
#nav12 li { margin-bottom: 5px; }

div#filmdetails { overflow: auto; background: #CDCDFF; margin: 3px 0px 0px 0px; box-shadow: 3px 3px 3px #8E8E8E; }
div#filmdetailstext { padding:3px; overflow: auto; }
div#filmright { text-align:right; float:right; width:160px; margin-right: 2px; }

div.filmoptions { margin-left: auto; margin-right: auto; text-align: center; padding-top: 3px; padding-bottom: 3px; overflow: auto; }
div.filmoptions p { margin-left: 0px; text-align: center; padding: 0px; }

div#votingdiv { background: #DEDEFF; padding: 5px; width:300px; height:150px; position: fixed; left: 50%; top: 25%; border: 2px #DEDEFF outset; margin-left: -150px; }
div#fbfandiv { background: #DEDEFF; padding: 5px; width:315px; height:243px; position: fixed; left: 50%; top: 25%; border: 2px #DEDEFF outset; z-index: 15; margin-left: -158px; }

div.entry { padding: 2px; overflow: auto; }
div.entrytext {  }
div.entryrightinfo { margin-left:5px; float:right; text-align:right; min-width:40px; }

.entryinfo { border-bottom: 2px #B3B3B3 solid; overflow: hidden; background: #F5F5FF; border-top: #F5F5FF; }
.entryinfobox { margin-left: 5px; padding-right: 5px; padding-left: 5px; font-size: 9pt; text-align: center; position: relative; }

div.quoteentry { padding: 3px; overflow: auto; }

div#pagenumbers {
box-shadow: 3px 3px 3px #8E8E8E;
padding:3px 5px 3px 5px;
background:#CDCDFF;
margin: 5px auto 5px auto;
text-align:center;
overflow: auto;
width: 97%;
 }

div#pagefooter {
box-shadow: 3px 3px 3px #8E8E8E;
clear:both;
text-align:center;
margin:5px auto 5px auto;
background:#CDCDFF;
}

div#pagefooteradvert { clear:both; text-align:center; margin: 3px auto 0px auto; }

div#filmtextlinks { margin:0px auto 0px auto; overflow: hidden; text-align: center; }

ul { font-size:8pt; }
li { font-size:9pt; }

.color { color:#353897; }
.center { text-align:center; }

span.newentries { padding:5px; }
.answer { font-weight:bold; color:#000260; }

p { margin-top:1px; margin-bottom:3px; }
.noindent { margin-left:0px; }
.small { font-size:8pt;margin-left:0px; }
.smallest { font-size:7pt;margin-left:0px; }
.smallbold { font-size:8pt;margin-left:0px;font-weight:bold; }
.smallestbold { font-size:7pt;margin-left:0px;font-weight:bold; }
.header { margin-top:1px; margin-bottom:1px; font-size:11pt; font-weight:bold; }
.colorheader { margin-top:1px; margin-bottom:1px; font-size:11pt; color:#353897; font-weight:bold; }
.blogtext { font-size: 10pt; margin-left: 0px; margin-bottom: 5px; }

h1 { margin-top:1px; margin-bottom:1px; font-size:130%; }
h2 { margin-top:1px; margin-bottom:1px; font-size:120%; }
h3 { margin-top:1px; margin-bottom:1px; font-size:110%; }
h4 { margin-top:1px; margin-bottom:1px; font-size:100%; }

table { border:0; padding:0; border-collapse:collapse; }
td {font-size:9pt; vertical-align:top; padding:3px; }
.headercell {font-size:9pt; vertical-align:top; padding:3px; font-weight:bold; color:#FFFFFF; background-color:#353897; text-align:center; }
th {font-size:9pt; vertical-align:top; padding:3px; font-weight:bold; color:#FFFFFF; background-color:#353897; text-align:center; }

a { font-weight:bold; text-decoration:none; color:#353897; }
a:hover{ color:#FF0000; }
a:visited{ color:#0049DE; }

a.whitelink{ color:#FFFFFF; }
a.whitelink:visited{ color:#FFFFFF; }
a.whitelink:hover{ color:#FFFFFF; }

a.blacklink{ color:#000382; }
a.blacklink:visited{ color:#000382; }
a.blacklink:hover{ color:#000382; }

.membership {
margin: 8px auto 8px auto;
background:#DEDEFF;
color:#000000;
text-align:center;
font-weight:bold;
border:2px outset #000000;
}

.menuitem { padding-top:0px; padding-bottom:1px; font-size:9pt; }
.menuitem2 { padding-top:0px; padding-bottom:1px; font-size:8pt; }

.grey { color:#B3B3B3; }
.darkgrey { color: #808080; }

.tower { float:right; margin-left:5px; text-align:center; width: 164px; padding: 0px; }

div.popularstuff { text-align: center; overflow: hidden; }
div.populartitle { clear: left; float:left; background:#353897; margin: 3px; color:#FFFFFF; padding: 0px 5px 0px 5px; clear: left; box-shadow: 3px 3px 3px #808080; width: 85px; height: 64px; }
div.populartitle2 { float:left; background: #EBEBFF; margin: 3px; padding: 0px 5px 0px 5px; box-shadow: 3px 3px 3px #808080; width: 85px; height: 64px; }

.fakelink { font-weight:bold; text-decoration:none; color:#353897; cursor: pointer; }
.plaintext { font-weight: normal; color: #000000; cursor: default; }
.plaintext:hover { color: #000000; }
.plaintext:visited { color: #000000; }

.blogimageleft { float: left; margin-right: 5px; margin-left: 0px; }
.blogimagecenter { text-align: center; margin-left: auto; margin-right: auto; }
.blogquote { text-align: center; border: 2px outset #FFFF96; background: #FFFF96; padding: 5px; overflow: auto; margin-left: 100px; margin-right: 100px; }

.boardpost { padding: 5px; overflow: auto; }
.boardposthead { padding-left: 3px; padding-right: 3px; border: 2px #F5F5FF outset; background: #F5F5FF; margin-bottom: 5px; overflow: auto; }
.boardtitles { border:2px #F5F5FF outset;padding:1px; background:#F5F5FF; margin-top:4px; margin-bottom:4px; overflow: auto; }

div.optionwrapper {
clear: both;
margin-left: auto;
margin-right: auto;
overflow: auto;
}

div.option {
background: #FFFFFF;
width: 455px;
margin-right: 5px;
margin-left: 5px;
border: 2px #B7D7E0 outset;
overflow: hidden;
margin-bottom: 2px;
padding: 5px;
text-align: center;
position: relative;
min-height: 200px;
z-index: 1;
cursor: pointer;
}

div.optionoverlay {
background: #FFFFFF;
width: 460px;
position: absolute;
height: 100%;
z-index: 2;
display: none;
overflow: hidden;
}

div#option1 { float: left; }
div#option2 { float: right; }

div.lettermap { -moz-border-radius: 6px;
 border-radius: 6px;
 width: 27px;
 height: 29px;
 border: 2px #313194 inset;
 margin: 2px;
 float: left;
 text-align: center;
 background: #313194;
 color: #FFFFFF;
 text-shadow: #181831 2px 2px 2px;
 font-weight: bold;
 font-size: 19pt;
 cursor: pointer;
   }

div.lettermap:hover { background: #4447C4;
 border: 2px #4447C4 outset;
}

div.lettermapwide { width: 62px;
font-size: 12pt;
padding-top: 5px;
height: 24px;
}

#photopage { float: left; }
#photopage ul { margin: 0px; }
#photopage ul ul { margin-left: 5px; }
#photopage ul ul ul { margin-left: 10px; }
.mainfolder { cursor: pointer; font-weight: bold; }
.subfolder { cursor: pointer; font-weight: bold; }
#galleryview { display: none; position: absolute; width: 900px; height: 600px; top: 20px; background: #FFFFFF; box-shadow: 0px 0px 10px #8E8E8E; }