/* Globals */
body {width:100%; background:#B0C0D0; margin:0px; padding:0px;}
* {font-family:Arial, Helvetica, sans-serif; font-size:100%; -webkit-text-size-adjust:100%; line-height:1.3em;}
p {margin:0.2em 0 0.5em 0;}

/* Header, Footer */
.header,.footer {width:100%; text-align:center;}
.header img {border:none; margin:0px 10px 0px 10px;}
.hr1 {background:#FFFFFF; height:48px;}
.hr2 {background:#D0E0F0; font-style:italic; padding:2px;}
.fr2 {background:#D0E0F0; padding:8px 0px 8px 0px;}
.hr3 {background:#C0D0E0; height:16px;}
.hr3s,.fr1s {background:url("shoelace/ShoelaceBG.gif"); height:16px;}
.hr1,.hr3,.hr3s,.fr1s {font-size:1px;}
.footer {font-size:80%;}

/* Menus */
.lmenu,.rmenu {border:1px solid #4080D0; margin-bottom:16px; font-size:80%;}
.lmenu {padding:0px 0px 2px 0px; text-align:left; white-space:nowrap; overflow:hidden;}
.rmenu {padding:0px 0px 0px 0px; text-align:center;}
.submenu {margin:0px 0px 2px 10px; padding-bottom:2px; border-bottom:1px solid #808080;}
.lmenu div {padding-bottom:2px;}
.mb1 {background:#D0D8E0;}
.mb2 {background:#C0C8D0;}
.mb3 {background:#B0B8C0;}
.mb4 {background:#A0A8B0;}
.mbw {background:#FFFFFF;}	/* White */
.mbg {background:#D0F0C0;}	/* Pale Green */
.mh1 {padding:4px 0px; background:#4080D0; color:#FFFFFF; width:100%; text-align:center; font-size:125%; font-weight:bold;}
.mr1 {padding:2px;}
.mu1 {border-bottom:1px solid #4080D0;}
.ms1 {background:#FFFFFF; font-weight:bold;}
.ma0 {background-position:0px 0px;}
.ma1 {background-position:0px -30px;}
.ma2 {background-position:0px -60px;}
.ma3 {background-position:0px -90px;}
.ma4 {background-position:0px -120px;}
.ma5,.ms1 {background-position:0px -150px;}
.ma6 {background-position:0px -180px;}
.ma7 {background-position:0px -210px;}
.ma8 {background-position:0px -240px;}
.ma9 {background-position:0px -270px;}
.ms1,.ma0,.ma1,.ma2,.ma3,.ma4,.ma5,.ma6,.ma7,.ma8,.ma9  {background-image:url("Sprites.gif"); background-repeat:no-repeat; padding-left:16px;}

/* Tiny Icons */
.tick {background-position:0px -300px;}
.cross {background-position:0px -330px;}
.plus {background-position:0px -360px;}
.minus {background-position:0px -390px;}
.equal {background-position:0px -420px;}
.star,.star1,.star2,.star3,.star4,.star5 {background-position:0px -450px;}
.halfstar {background-position:0px -480px;}
.tick,.cross,.plus,.minus,.equal,.star {background-image:url("Sprites.gif"); background-repeat:no-repeat; padding-left:16px;}
.star1,.star2,.star3,.star4,.star5,.halfstar {background-image:url("Sprites.gif"); background-repeat:repeat; height:16px;}
.star1,.halfstar {width:16px;}
.star2 {width:32px;}
.star3 {width:48px;}
.star4 {width:64px;}
.star5 {width:80px;}

/* Tables */
.pagetable {width:100%; border-collapse:collapse; margin:0px auto;}
.pagetable td {padding:10px;}
.maintable,.othertable,.nav {width:620px; border-collapse:collapse; table-layout:fixed;}
.ratingstable {border-collapse:collapse;}
.maintable td {border:1px solid #909090; padding:10px;}
.ratingstable td {border:1px solid #909090; padding:0px;}
.othertable td {border:1px solid #40A000; padding:10px;}
.othertable img {float:left; margin-right:8px;}
.maintable .th1 {background:#FFFF80; font-size:200%; padding:6px;}
.maintable .th2,.ratingstable .th2 {background:#D0D0C0; font-size:150%; padding:6px;}
.othertable .th2 {background:#C0E0B0; font-size:150%; padding:6px;}
.nav {background:#ACBCCC; border-top:1px solid #90A0B0; border-bottom:1px solid #90A0B0; margin-bottom:4px;}
.nav td {width:33%; padding:8px 0px 8px 0px; font-size:80%; text-align:center;}
.th1,.th2 {text-align:center;}
.tb0 {background:#FFFF80;}
.tb1 {background:#F8F8F8;}
.tb2 {background:#F0F0F0;}
.tb3 {background:#E8E8E8;}
.tb4 {background:#E0E0E0;}
.tb5 {background:#D8D8D8;}
.tb6 {background:#D0D0D0;}
.ob1 {background:#D0F0C0;}
.ob2 {background:#C0E0B0;}
.ob3 {background:#B0D0A0;}
.p2 td {padding:2px;}
.p4 td {padding:4px;}
.p6 td {padding:6px;}
.p8 td {padding:8px;}

/* Hanging Indents */
.hang80 td {padding-left:100px;}
.hang80 img {float:left; margin:4px 0px 0px -90px; width:80px; height:80px; border:none;}
.hang80 .link,.hang160 .link,.hang240 .link {display:block; background-image:url("Sprites.gif"); background-repeat:no-repeat; background-position:0px -177px; padding-left:16px; font-size:110%;}
.hang160 td {padding-left:180px;}
.hang160 img {float:left; margin:4px 0px 0px -170px; width:160px;}
.hang240 td {padding-left:260px;}
.hang240 img {float:left; margin:4px 0px 0px -250px; width:240px;}
.hang0 td {padding-left:10px;}

/* Images */
.i16 img {width:16px; height:16px; border:none;}
.i80 img {width:80px; height:80px; border:none;}
.i80x div {float:left; width:88px; height:128px; margin:1px; font-size:80%; text-align:center;}
.i80x div img {width:80px; height:80px; margin:4px; border:none;}
.i160 img {width:160px; height:160px; border:none;}
.i240 img {width:240px; height:240px; border:none;}
.i260 img {width:260px; height:260px; border:none;}
.il img {float:left; margin:4px 10px 6px 0px;}
.ir img {float:right; margin:4px 0px 6px 10px;}
.ic img {float:left; padding:5px 5px 5px 5px;}
.it img {margin-bottom:4px;}
.preload {display:none;}

/* Tips, Warnings */
.tip {width:85%; margin:12px 0px 16px 0px; padding:6px; border:1px solid #707070; background:#FFFFB0; font-size:80%; text-align:left;}
.warn {padding:6px; border:1px solid #B05050; background:#FFB0B0; font-style:italic;}

/* Other Formatting */
.hi a {padding:4px 6px 6px 6px; border:4px solid #D00000; background:#FFFF80; font-weight:bold; line-height:2.5em;}
.hi a:hover {border:4px solid #800000; background:#FF4000; color:#FFFFFF;}
.note,.new {color:#D00000; font-weight:bold;}
.new {font-style:italic;}
.w100 {width:100%;}
.small,.caption {font-size:80%;}

/* Ads */
.ad {width:158px; border:1px solid #40A000; background:#D0F0C0; margin-bottom:8px; font-size:80%; text-align:center; border-collapse:collapse;}
.ad img {width:158px; height:100px; margin-bottom:2px; border:none;}
.ad a {color:#006000;}
.ah1 {padding:4px 0px; background:#40A000; color:#FFFFFF; width:158px; text-align:center; font-size:125%; font-weight:bold;}
.ar1 {padding:2px 4px 4px 4px;}
.au1 {border-bottom:1px solid #40A000;}
.responsive {display:inline-block; width:468px; height:60px;}

/* Hover */
a:hover {color:#FF4000;}

/* Adjust Page for Different Screen Widths */
@media only screen and (max-width:960px) {
.maintable,.othertable,.nav {width:570px;}
}
@media only screen and (min-width:961px) {
.maintable,.othertable,.nav {width:100%;}
}
@media only screen and (min-width:1161px) and (max-width:1440px) {
.responsive {width:728px; height:90px;}
}
@media only screen and (min-width:1441px) {
.pagetable {width:1420px;}
.responsive {width:970px; height:90px;}
}