#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:right;}
#common .content-inner h1 {float:right; 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:right; position:relative; border-bottom:2px solid #6da5bc;}
#common .content-outer:before {content:""; display:block; width:6%; height:22px; background:#6da5bc; position:absolute; left: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:right;}
#common .content-inner .tips ul {list-style-type:none; padding-top:5px; padding-right:0px; margin:0px;}
#common .content-inner .tips ul li {background-image:url("/tips/blueh.gif"); background-repeat:no-repeat; background-position:right 7px; padding-right:20px;}

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

#common .content-outer.lightgrey .tips ul li {background-image:url("/tips/darkblueh.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-right: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-right:47px; padding-right:0; list-style-position:outside;}

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

#common .content-inner .textleft {float:left; width:72%;}

#tips img.to-top {position:fixed; right:50%; bottom:25px; cursor:pointer; z-index:1000; margin-right:-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 .rightpic {width:100%; float:none;}
#common .content-inner .rightpic h2 {padding-bottom:10px;}
#common .content-inner .rightpic img {margin: 0 0 10px; float:right;}
#common .content-inner .textleft {clear:right; 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;}
}