#common {width:100%; max-width:768px; margin:0 auto 20px auto; background:#3e3e3e; padding:10px 0 0 0; position:relative; z-index:10;}
#common .content-inner {width:95%; max-width:671px; margin:-10px auto 0 auto;}
#common .content-inner.plain {margin:0 auto; text-align:left;}
#common .content-inner h1 {float:left; color:#6da5bc;}
#common .content-inner p {padding:5px 0; margin:0;}
#common .content-inner a {color:#6da5bc;}
#common .content-inner a:hover {color:#d1d1d1;}

#common .content-outer {width:100%; text-align:left; position:relative; border-bottom:2px solid #6da5bc;}
#common .content-outer:before {content:""; display:block; width:6%; height:22px; background:#6da5bc; position:absolute; right:0; bottom:0;}
#common .content-outer.mediumgrey {background:#5d5d5d;}
#common .content-outer.lightgrey {color:#3e3e3e; background:#a8a8a8;}
#common .content-outer.lightgrey h2 {color:#3e3e3e;}
#common .content-outer.lightgrey p {color:#3e3e3e;}
#common .content-outer.lightgrey a {color:#1a7195;}
#common .content-outer.lightgrey a:hover {color:#d1d1d1;}

#common .content-outer .content-inner {margin:0 auto;}

#common .content-inner .tips {padding:20px 0; text-align:left;}
#common .content-inner .tips ul {list-style-type:none; padding-top:5px; padding-left:0px; margin:0px;}
#common .content-inner .tips ul li {background-image:url("/tips/bluee.gif"); background-repeat:no-repeat; background-position:left 6px; padding-left:20px;}

#common .content-inner .tips ul ul {list-style-type:disc; list-style-position:inside; padding-top:0;}
#common .content-inner .tips .textright ul ul li {background-image:none; margin-left:47px; padding-left:0; list-style-position:outside;}

#common .content-outer.lightgrey .tips ul li {background-image:url("/tips/darkbluee.gif"); color:#3e3e3e;}
#common .content-outer.lightgrey .tips ul ul li {background-image:none; color:#3e3e3e;}

#tips #common .content-inner .tips ol {color:#3e3e3e; padding-top:5px; padding-left:0px; margin:0px;}
#tips #common .content-outer .tips ol {list-style-type:decimal; list-style-position:inside; padding-top:0;}
#tips #common .content-outer .tips ol li {background-image:none; color:#e6e6e6; margin-left:47px; padding-left:0; list-style-position:outside;}

#common .content-inner .leftpic {width:25%; float:left;}
#common .content-inner .leftpic img {display:block; width:90%; max-width:127px; border:none; margin-top:5px;}

#common .content-inner .textright {float:right; width:72%;}

#tips img.to-top {position:fixed; left:50%; bottom:25px; cursor:pointer; z-index:1000; margin-left:-500px;}
#tips img.mobile-to-top {display:none;}

@media only screen and (max-width:600px) {
html, body {background:#3e3e3e;}
}
@media only screen and (max-width:500px) {
html, body {background:#3e3e3e;}

#common img.to-top {display:none;}
#common .content-inner .leftpic {width:100%; float:none;}
#common .content-inner .leftpic h2 {padding-bottom:10px;}
#common .content-inner .leftpic img {margin: 0 0 10px; float:left;}
#common .content-inner .textright {clear:left; float:none; width:100%;}
}
@media only screen and (max-width:1200px) {
#tips img.to-top {display:none;}
#tips img.mobile-to-top {display:block; cursor:pointer; z-index:1000;}
}
@media only screen and (max-height:620px) {
#tips img.to-top {display:none;}
#tips img.mobile-to-top {display:block; cursor:pointer; z-index:1000;}
}