]> git.openstreetmap.org Git - osqa.git/blobdiff - forum/skins/default/media/style/style.css
adding support for focusing answers when linking to them
[osqa.git] / forum / skins / default / media / style / style.css
index 02148ab0d5c96aeffc440fcd323c34fa87ed5540..883c8913928b8de54eaa81e923d7669f49ddbabc 100644 (file)
@@ -1,16 +1,15 @@
-@import url(jquery.autocomplete.css);
-@import url(openid.css);
-@import url(prettify.css);
+@import "jquery.autocomplete.css";
 
-/* 公用 */
 body {
-    background: #FFF;
+    /*overflow-y: scroll;
+    height: 100%; */
+    background: none repeat scroll 0 0 #FFFFFF;
+    color: #000000;
+    font-family: sans-serif;
     font-size: 12px;
     line-height: 150%;
     margin: 0;
     padding: 0;
-    color: #000;
-    font-family: sans-serif;
 }
 
 div {
@@ -18,37 +17,53 @@ div {
     padding: 0;
 }
 
-h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p {
+h1, h2, h3, ul, li, form, img, p {
+    border: medium none;
     margin: 0;
     padding: 0;
-    border: none;
 }
 
 label {
     vertical-align: middle;
 }
 
+.login label {
+    display: block;
+}
+
+.login .form-row-vertical {
+    margin-bottom: 8px;
+}
+
 hr {
-    border: none;
-    border-top: 1px dashed #ccccce;
+    border-color: #CCCCCE -moz-use-text-color -moz-use-text-color;
+    border-right: medium none;
+    border-style: dashed none none;
+    border-width: 1px medium medium;
 }
 
 input, select {
+    font-family: Trebuchet MS, "segoe ui", Helvetica, "Microsoft YaHei", Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif;
     vertical-align: middle;
-    font-family: Trebuchet MS, "segoe ui", Helvetica, "Microsoft YaHei", 宋 体, Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif;
 }
 
 p {
-    margin-bottom: 13px;
     font-size: 13px;
     line-height: 140%;
+    margin-bottom: 13px;
 }
 
 a {
-    color: #333333;
+    color: #3060A8;
     text-decoration: none;
 }
 
+.clear {
+  clear: both;
+  width: 0px;
+  height: 0px;
+}
+
 .badges a {
     color: #763333;
     text-decoration: underline;
@@ -58,120 +73,48 @@ a:hover {
     text-decoration: underline;
 }
 
-.block {
-    width: 960px;
-    height: auto;
-}
-
-.fleft {
-    float: left;
-}
-
-.fright {
-    float: right;
-}
-
-.tleft {
-    text-align: left;
-}
-
-.tcenter {
-    text-align: center;
-}
-
 .tright {
     text-align: right;
 }
 
-.dis {
-    display: block;
-}
-
-.inline {
-    display: inline;
-}
-
-.none {
-    display: none;
-}
-
-.red {
-    color: #CC0000;
-}
-
-.b {
-    font-weight: bold;
-}
-
-.f10 {
-    font-size: 10px;
-}
-
-.f11 {
-    font-size: 11px;
-}
-
-.f12 {
-    font-size: 12px;
-}
-
-.f13 {
-    font-size: 13px;
-}
-
-.f14 {
-    font-size: 14px;
-}
-
-.white {
-    color: #FFFFFF;
-}
-
-.u {
-    text-decoration: underline;
-}
-
-.spacer1 {
-    height: 6px;
-    line-height: 6px;
-    clear: both;
-    visibility: hidden;
-}
-
 .spacer3 {
+    clear: both;
     height: 30px;
     line-height: 30px;
-    clear: both;
     visibility: hidden;
 }
 
 h1 {
     font-size: 160%;
-    padding: 5px 0 5px 0;
+    padding: 5px 0;
+    line-height: 110%;
+    overflow: hidden;
 }
 
 h2 {
     font-size: 140%;
-    padding: 3px 0 3px 0;
+    padding: 3px 0;
+    line-height: 110%;
 }
 
 h3 {
     font-size: 120%;
-    padding: 3px 0 3px 0;
+    padding: 3px 0;
+    line-height: 110%;
 }
 
 ul {
-    list-style: disc;
-    margin-left: 20px;
-    padding-left: 0px;
+    list-style: disc outside none;
     margin-bottom: 1em;
+    margin-left: 20px;
+    padding-left: 0;
 }
 
 ol {
-    list-style: decimal;
-    margin-left: 30px;
+    list-style: decimal outside none;
     margin-bottom: 1em;
-    padding-left: 0px;
+    margin-left: 30px;
+    padding-left: 0;
 }
 
 td ul {
@@ -179,183 +122,173 @@ td ul {
 }
 
 li input {
-    margin: 3px 3px 4px 3px;
+    margin: 3px 3px 4px;
 }
 
 pre {
+    background-color: #F5F5F5;
     font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
-    font-size: 100%;
+    font-size: 90%;
     margin-bottom: 10px;
     overflow: auto;
-    width: 580px;
-    background-color: #F5F5F5;
     padding-left: 5px;
     padding-top: 5px;
-    padding-bottom: 20px ! ie7;
+    width: 580px;
+    white-space: pre-wrap;
 }
 
 code {
     font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
-    font-size: 100%;
-
+    font-size: 90%;
+    white-space: pre-wrap;
 }
 
 blockquote {
+    background-color: #F5F5F5;
     margin-bottom: 10px;
     margin-right: 15px;
-    padding: 10px 0px 1px 10px;
-    background-color: #F5F5F5;
+    padding: 10px 0 1px 10px;
+    max-width: 650px;
+}
+
+blockquote blockquote {
+    margin: 0;
+    padding: 0;
 }
 
-/*页面布局*/
-#wrapper {
-    width: 960px;
+#wrapper, #announcement {
     margin: auto;
     padding: 0;
+    width: 990px;
+    background-color: #FFF;
 }
 
 #roof {
-    position: relative;
-    margin-top: 0px;
-    background: #FFF;
+    width: 990px;
 }
 
 #room {
-    padding: 10px 0 10px 0;
-    background-color: #FFF;
-    border-bottom: 1px solid #777;
+    background-color: #FFFFFF;
+    border-bottom: 1px solid #777777;
+    padding: 10px 0;
 }
 
 #CALeft {
-    width: 710px;
     float: left;
     position: relative;
+    width: 740px;
 }
 
 #CARight {
-    width: 240px;
     float: right;
+    width: 240px;
 }
 
 #CAFull {
     float: left;
-    padding: 0 5px 0 5px;
+    padding: 0 5px;
     width: 950px;
 }
 
 #ground {
-    width: 100%;
-    border-top: 1px solid #000;
+    background: none repeat scroll 0 0 #BDCCED;
+    border-top: 1px solid #000000;
+    padding-bottom: 0;
     padding-top: 6px;
-    padding-bottom: 0px;
     text-align: center;
-    background: #777;
+    width: 990px;
 }
 
-/*#licenseLogo {position:absolute;top:10px;right:10px;}*/
-
-/*顶部及导航栏*/
 #top {
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    height: 20px;
-    text-align: right;
+    float: right;
     padding: 3px;
-    background-color: #ffffff;
+    text-align: right;
     width: 500px;
 }
 
-/*#header {width:960px;}*/
 #top a {
+    color: #333333;
+    font-size: 12px;
     height: 35px;
-    text-align: right; /*letter-spacing:1px; */
     margin-left: 20px;
+    text-align: right;
     text-decoration: underline;
-    font-size: 12px;
-    color: #333333;
 }
 
 #logo {
-    padding: 5px 0px 0px 0px;
-}
-
-#navBar {
-    float: clear;
-    position: relative;
-    display: block;
-    width: 960px;
+    float: left;
+    padding: 5px 0 0;
 }
 
-#navBar .nav {
-    margin: 20px 0px 0px 16px; /*letter-spacing:1px; */
+#nav {
+    float: right;
+    margin: 35px 0px 0px 0px;
+    width: 750px;
 }
 
-#navBar .nav a {
+#nav a {
+    background-color: #E5EBF8;
+    border-color: #888888 #888888 -moz-use-text-color;
+    border-style: solid solid none;
+    border-width: 1px 1px medium;
     color: #333333;
-    background-color: #fff0e0;
-    /*border-left: 1px solid #eeeeec;
-                 border-right: 1px solid #babdb6;
-                 border-top: 1px solid #eeeeec;*/
-    border: 1px solid #888888;
-    border-bottom: none;
-    padding: 0px 12px 3px 12px;
+    display: block;
+    float: left;
+    font-size: 14px;
+    font-weight: 400;
     height: 25px;
     line-height: 30px;
     margin-left: 10px;
-    font-size: 14px;
-    font-weight: 400;
+    padding: 0 12px 3px;
     text-decoration: none;
-    display: block;
-    float: left;
 }
 
-#navBar .nav a:hover {
-    text-decoration: underline
+#nav a:hover {
+    text-decoration: underline;
 }
 
-#navBar .nav a.on {
+#nav a.on {
+    background: none repeat scroll 0 0 #356FCB;
+    border: 1px solid #356FCB;
+    color: #FFFFFF;
+    font-weight: 600;
     height: 24px;
     line-height: 28px;
-    border-bottom: 1px solid #a40000;
-    border-right: 1px solid #820000;
-    border-top: 1px solid #d40000;
-    border-left: 1px solid #d40000; /*background:#A31E39; */
-    background: #a40000;
-    color: #FFF;
-    font-weight: 600;
-    text-decoration: none
+    text-decoration: none;
 }
 
-#navBar .nav a.special {
-    font-size: 14px;
+#nav a#nav_ask {
+    float: right;
     color: #B02B2C;
+    font-size: 14px;
     font-weight: bold;
     text-decoration: none;
 }
 
-#navBar .nav a.special:hover {
+#nav a#nav_ask:hover {
     text-decoration: underline;
 }
 
-#navBar .nav div.focus {
-    float: right;
-    padding-right: 0px;
+#nav a#nav_ask.on {
+   color: #FFFFFF;
 }
 
-/*搜索栏*/
 #searchBar {
-    width: 958px;
-    background-color: #888a85; /*#e9b96e;*/
-    border: 1px solid #aaaaaa;
-    padding: 4px 0 0 0;
+    text-align: center;
+    background-color: #B6C4E2;
+    border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC;
+    border-style: solid;
+    border-width: 1px;
+    padding: 4px 0 0;
+    width: 988px;
 }
 
-/* #B02B2C */
 #searchBar .content {
 }
 
 #searchBar .searchInput {
+    border: 0px;
+    padding: 3px;
     font-size: 13px;
     height: 18px;
     width: 400px;
@@ -368,681 +301,413 @@ blockquote {
 }
 
 #searchBar .options {
-    padding: 3px 0 3px 0;
-    font-size: 100%;
-    color: #EEE; /*letter-spacing:1px;*/
+    color: #333333;
+    font-size: 120%;
+    padding: 3px 0;
 }
 
-#searchBar .options INPUT {
+#searchBar .options input {
     margin: 0 3px 0 15px;
 }
 
-#searchBar .options INPUT:hover {
-    cursor: pointer
+#searchBar .options input:hover {
+    cursor: pointer;
 }
 
-/*问题列表*/
 #listA {
+    background-color: #FFFFFF;
     float: left;
-    background-color: #FFF;
-    padding: 0 0px 0 0px;
+    padding: 0 0;
     width: 100%;
 }
 
-#listA .qstA {
-    position: relative;
-    padding: 3px 5px 5px 10px;
-    border-top: 1px dashed #ccccce;
-    /*border-left:1px solid #ebebbe;
-    border-right:1px solid #b4b48e;
-    border-bottom:1px solid #b4b48e;*/
-    background: white; /* #f9f7ed;*/
-/*margin:10px 0 10px 0;*/
-/*background:url(../images/quest-bg.gif) repeat-x top;*/
+.thousand {
+    color: orange;
 }
 
-#listA .qstA thumb {
+.short-summary {
+    border-top: 1px dotted #CCCCCE;
     float: left;
+    overflow: hidden;
+    padding: 3px 0px 5px 0;
+    position: relative;
+    width: 740px;
 }
 
-#listA .qstA H2 {
-    font-size: 14px;
-    font-weight: 800;
-    margin: 8px auto;
-    padding: 0px;
+#listA .short-summary:first-of-type {
+    border-top: 0;
 }
 
-#listA .qstA H2 a {
-    color: 333333 /*#2e3436*/;
-    font-size: 15px;
+.user-stats-table .short-summary {
+    width: 764px;
 }
 
-#listA .qstA .stat {
-    position: absolute;
-    right: 0px;
-    bottom: 5px;
-    font-size: 12px; /*letter-spacing:1px;*/
+.short-summary h2 a {
+    color: #2A5594;
+    font-family: "Trebuchet MS", "segoe ui", arial, sans-serif;
+    font-size: 17px;
+}
+
+.short-summary .userinfo {
+    color: #666666;
     float: right;
+    margin-top: 8px;
 }
 
-#listA .qstA .stat span {
-    margin-right: 5px;
+.userinfo a, a.userinfo {
+    color: #3060A8;
 }
 
-#listA .qstA .stat td {
-    min-width: 40px;
-    text-align: center;
+.short-summary .counts {
+    float: left;
+    margin-right: 0px;
+    margin-top: 4px;
+    padding-right: 2px;
 }
 
-#listA .qstA .stat .num {
-    font-family: sans-serif;
-    color: #a40000;
-    /*background:#eeeeec;
- border: 1px solid #babdb6;*/
-    margin: 0px;
+.short-summary .counts .item-count {
     font-size: 17px;
-    font-weight: 800;
+    font-weight: bold;
 }
 
-#listA .qstA table {
-    border-spacing: 0px;
+.short-summary .question-summary-wrapper {
+  float: right;
+  width: 565px;
 }
 
-#listA .qstA table td {
-    padding: 0px;
-    width: 60px;
+.short-summary .votes, .short-summary .status, .short-summary .views {
+    -moz-border-radius: 5px 5px 5px 5px;
+    border-bottom: 1px solid #CCCCCC;
+    border-right: 1px solid #CCCCCC;
+    float: left;
+    font-size: 11px;
+    height: 42px;
+    margin: 0 6px 0 0px;
+    padding: 8px 2px 0;
     text-align: center;
+    width: 46px;
 }
 
-#listA .qstA .stat .unit {
-    color: #777777;
-    margin: 0px
+.short-summary .votes, .short-summary .views {
+    color: #666666;
 }
 
-#listA .qstA .from {
-    margin-top: 5px;
-    font-size: 13px;
-    color: #777777;
+.short-summary .favorites {
+    width: 24px;
+    float: left;
+    text-align: center;
 }
 
-#listA .qstA .from .score {
-    font-family: sans-serif;
-    color: #555555;
+#question-table {
+    margin-bottom: 10px;
 }
 
-#listA .qstA .date {
-    margin-left: 10px;
-    color: #777777;
+.questions-count {
+    color: #A40000;
+    font-family: sans-serif;
+    font-size: 24px;
+    font-weight: 600;
+    margin-top: 3px;
+    margin-right: 5px;
+    padding: 0 0 5px 0;
 }
 
-#listA .qstA .wiki {
-    color: #763333;
-    font-size: 12px;
+.boxA {
+    background: none repeat scroll 0 0 #888A85;
+    margin-bottom: 8px;
+    padding: 6px;
 }
 
-#listA .qstA .from a {
+.boxA h3 {
+    color: #FFFFFF;
+    font-size: 13px;
+    font-weight: 800;
+    margin: 0 0 4px;
+    padding: 0;
 }
 
-#listA .qstA .from IMG {
-    vertical-align: middle;
+.boxA .body {
+    background: none repeat scroll 0 0 #FFFFFF;
+    border: 1px solid #999999;
+    font-size: 13px;
+    padding: 8px;
 }
 
-#listA .qstA .author {
-    font-weight: 400;
+.boxA .more {
+    font-weight: 800;
+    padding: 2px;
+    text-align: right;
 }
 
-#listA .qstA .author a {
-    color: #444444;
+.boxC {
+    background: none repeat scroll 0 0 #E5EBF8;
+    border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC;
+    border-style: solid;
+    border-width: 1px;
+    margin-bottom: 8px;
+    padding: 10px;
 }
 
-#listA .qstA .summary {
-    margin-right: 5px;
+.boxC p {
+    margin-bottom: 8px;
 }
 
-.short-summary {
-    position: relative;
-    padding: 3px 5px 5px 10px;
-    border-top: 1px dotted #ccccce;
-    overflow: hidden;
-    width: 700px;
-    float: left;
+.boxC p.nomargin {
+    margin: 0;
 }
 
-.short-summary h2 {
-    font-size: 16px;
-    font-family: "Trebuchet MS", "segoe ui", arial, sans-serif;
+.boxC p.info-box-follow-up-links {
+    margin: 0;
+    text-align: right;
 }
 
-.short-summary .userinfo {
-    float: right;
-    margin-top: 8px;
+.pager {
+    float: left;
+    margin-bottom: 16px;
+    margin-top: 10px;
 }
 
-.short-summary .counts {
+.pagesize {
     float: right;
-    margin-top: 4px;
+    margin-bottom: 16px;
+    margin-top: 10px;
 }
 
-.short-summary .counts .item-count {
-    font-size: 17px;
-    font-weight: 800;
+.paginator {
+    font: 12px sans-serif;
+    padding: 5px 0 10px;
 }
 
-.short-summary .votes,
-.short-summary .status,
-.short-summary .views {
-    font-size: 12px;
-    text-align: center;
-    margin: 0 0 0 7px;
-    padding: 4px 2px 0px 2px;
-    width: 46px;
-    height: 48px;
-    float: left;
-    -moz-border-radius: 5px;
-    -khtml-border-radius: 5px;
-    -webkit-border-radius: 5px;
+.paginator .prev a, .paginator .prev a:visited, .paginator .next a, .paginator .next a:visited {
+    background-color: #FFFFFF;
+    border: 1px solid #FFFFFF;
+    color: #777777;
+    font: bold 100% sans-serif;
+    padding: 2px 4px 3px;
 }
 
-#question-table {
-    margin-bottom: 10px; /*border-bottom:1px solid #888a85;*/
+.paginator .prev {
+    margin-right: 0.5em;
 }
 
-.evenMore {
-    font-size: 14px;
-    font-weight: 800;
+.paginator .next {
+    margin-left: 0.5em;
 }
 
-.questions-count {
-    font-size: 32px;
-    font-family: sans-serif;
-    font-weight: 600;
-    padding: 0 0 5px 0px;
-    color: #a40000;
-    margin-top: 3px;
-}
-
-/*内容块*/
-.boxA {
-    background: #888a85;
-    padding: 6px;
-    margin-bottom: 8px;
-    border 1px solid #babdb6;
-}
-
-.boxA H3 {
-    font-size: 13px;
-    font-weight: 800;
-    color: #FFF;
-    margin: 0;
-    padding: 0;
-    margin-bottom: 4px;
-}
-
-.boxA .body {
-    border: 1px solid #999;
-    padding: 8px;
-    background: #FFF;
-    font-size: 13px;
-}
-
-.boxA .more {
-    padding: 2px;
-    text-align: right;
-    font-weight: 800;
-}
-
-.boxB {
-    background: #F9F7ED;
-    padding: 6px;
-    margin-bottom: 8px;
-    border: solid 1px #aaaaaa;
-}
-
-.boxB H3 {
-    font-size: 13px;
-    font-weight: 800;
-    color: #000;
-    margin: 0;
-    padding: 0 0 0 15px;
-    margin-bottom: 4px;
-    background: url(../images/dot-g.gif) no-repeat left center;
-}
-
-.boxB .body {
-    border: 1px solid #aaaaaa;
-    padding: 8px;
-    background: #FFF;
-    font-size: 13px;
-    line-height: 160%;
-}
-
-.boxB .more {
-    padding: 1px;
-    text-align: right;
-    font-weight: 800;
-}
-
-.boxC {
-    background: #cacdc6; /*f9f7ed;*/
-    padding: 10px;
-    margin-bottom: 8px;
-    border-top: 1px solid #eeeeec;
-    border-left: 1px solid #eeeeec;
-    border-right: 1px solid #a9aca5;
-    border-bottom: 1px solid #babdb6;
-}
-
-.boxC p {
-    margin-bottom: 8px;
-}
-
-.boxC p.nomargin {
-    margin: 0px;
-}
-
-.boxC p.info-box-follow-up-links {
-    text-align: right;
-    margin: 0;
-}
-
-/*分页*/
-.pager {
-    margin-top: 10px;
-    margin-bottom: 16px;
-    float: left;
-}
-
-.pagesize {
-    margin-top: 10px;
-    margin-bottom: 16px;
-    float: right;
-}
-
-/** PAGINATOR **/
-.paginator {
-    padding: 5px 0 10px 0;
-    font: normal 12px sans-serif;
-}
-
-.paginator .prev-na,
-.paginator .next-na {
-    padding: .3em;
-    font: bold .875em sans-serif;
-}
-
-.paginator .prev-na,
-.paginator .next-na {
-    border: 1px solid #ccc;
-    background-color: #f9f9f9;
-    color: #aaa;
-    font-weight: normal;
-}
-
-.paginator .prev a, .paginator .prev a:visited,
-.paginator .next a, .paginator .next a:visited {
-    border: 1px solid #fff;
-    background-color: #fff;
-    color: #777;
-    padding: 2px 4px 3px 4px;
-    font: bold 100% sans-serif;
-}
-
-.paginator .prev, .paginator .prev-na {
-    margin-right: .5em;
-}
-
-.paginator .next, .paginator .next-na {
-    margin-left: .5em;
-}
-
-.paginator .page a, .paginator .page a:visited, .paginator .curr {
-    padding: .25em;
-    font: normal .875em verdana;
-    border: 1px solid #ccc;
-    background-color: #fff;
-    margin: 0em .25em;
-    color: #777;
+.paginator .page, .paginator .page a:visited, .paginator .curr {
+    background-color: #FFFFFF;
+    border: 1px solid #CCCCCC;
+    color: #777777;
+    font: 0.875em verdana;
+    margin: 0 0.25em;
+    padding: 0.25em;
 }
 
 .paginator .curr {
-    background-color: #777;
-    color: #fff;
-    border: 1px solid #777;
+    background-color: #777777;
+    border: 1px solid #777777;
+    color: #FFFFFF;
     font-weight: bold;
 }
 
-.paginator .page a:hover,
-.paginator .curr a:hover,
-.paginator .prev a:hover,
-.paginator .next a:hover {
-    color: #fff;
-    background-color: #777;
-    border: 1px solid #777;
+.paginator .page:hover, .paginator .prev a:hover, .paginator .next a:hover {
+    background-color: #777777;
+    border: 1px solid #777777;
+    color: #FFFFFF;
     text-decoration: none;
 }
 
 .paginator .text {
-    color: #777;
-    padding: .3em;
+    color: #777777;
     font: bold 100% sans-serif;
-}
-
-.paginator-container {
-    float: right;
-    padding: 10px 0 10px 0;
+    padding: 0.3em;
 }
 
 .paginator-container-left {
-    padding: 5px 0 10px 0;
-}
-
-/*标签*/
-.tag {
-    font-size: 13px;
-    font-weight: normal;
-    color: #333;
-    text-decoration: none;
-    background-color: #EEE;
-    border-left: 3px solid #777;
-    border-top: 1px solid #EEE;
-    border-bottom: 1px solid #CCC;
-    border-right: 1px solid #CCC;
-    padding: 1px 8px 1px 8px;
+    padding: 5px 0 10px;
 }
 
 .tags {
+    display: block;
     font-family: sans-serif;
     line-height: 200%;
-    display: block;
     margin-top: 5px;
 }
 
-.tags a {
-    white-space: nowrap;
-    font-size: 13px;
+.tags a, span.tag {
+    background-color: #EEEEEE;
+    border-bottom: 1px solid #CCCCCC;
+    border-right: 1px solid #CCCCCC;
+    color: #777777;
+    font-size: 11px;
     font-weight: normal;
-    color: #333;
+    padding: 1px 8px;
     text-decoration: none;
-    background-color: #EEE;
-    border-left: 3px solid #777;
-    border-top: 1px solid #EEE;
-    border-bottom: 1px solid #CCC;
-    border-right: 1px solid #CCC;
-    padding: 1px 8px 1px 8px;
+    white-space: nowrap;
 }
 
 .tags a:hover {
-    background-color: #fFF;
-    color: #333;
-}
-
-.tagsbox {
-    line-height: 200%;
-}
-
-.tagsbox a {
-    font-size: 13px;
-    font-weight: normal;
-    color: #333;
-    text-decoration: none;
-    background-color: #EEE;
-    border-left: 3px solid #777;
-    border-top: 1px solid #EEE;
-    border-bottom: 1px solid #CCC;
-    border-right: 1px solid #CCC;
-    padding: 1px 8px 1px 8px;
-}
-
-.tagsbox a:hover {
-    background-color: #fFF;
-    color: #333;
+    background-color: #356FCB;
+    color: #FFFFFF;
 }
 
 .tag-number {
-    font-weight: 700;
     font-family: sans-serif;
+    font-weight: 700;
 }
 
 .marked-tags {
-    margin-top: 0px;
     margin-bottom: 5px;
+    margin-top: 0;
 }
 
-.deletable-tag {
-    margin-right: 3px;
-    white-space: nowrap;
-}
-
-/*奖牌*/
-a.medal {
+.medal {
+    background: none repeat scroll 0 0 #FFFFCD;
+    border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
+    border-left: 1px solid #EEEEEE;
+    border-style: solid;
+    border-width: 1px;
+    color: #333333;
     font-size: 14px;
+    font-weight: bold;
     line-height: 250%;
-    font-weight: 800;
-    color: #333;
-    text-decoration: none;
-    background: url(../images/medala.gif) no-repeat;
-    border-left: 1px solid #EEE;
-    border-top: 1px solid #EEE;
-    border-bottom: 1px solid #CCC;
-    border-right: 1px solid #CCC;
     padding: 4px 12px 4px 6px;
 }
 
-a:hover.medal {
-    color: #333;
+a.medal {
     text-decoration: none;
-    background: url(../images/medala_on.gif) no-repeat;
+    color: #333333;
+}
+
+a.medal:hover {
+    background: url("../images/medala_on.gif") no-repeat scroll 0 0 transparent;
+    border-color: #E7E296 #D1CA3D #D1CA3D #E7E296;
     border-left: 1px solid #E7E296;
-    border-top: 1px solid #E7E296;
-    border-bottom: 1px solid #D1CA3D;
-    border-right: 1px solid #D1CA3D;
+    border-style: solid;
+    border-width: 1px;
+    color: #333333;
+    text-decoration: none;
 }
 
-/*Tab栏*/
 .tabBar {
-    background-color: #FFF;
+    background-color: #FFFFFF;
     border-bottom: 1px solid white;
-    height: 30px;
-    width: 100%;
     clear: both;
+    height: 30px;
     margin-bottom: 3px;
+    width: 100%;
 }
 
 .tabsA {
-    background-color: #FFF;
-    float: right;
-    position: relative;
+    background-color: #FFFFFF;
     display: block;
+    float: right;
     font-weight: bold;
     height: 20px;
-}
-
-.tabsB {
-    background-color: #FFF;
-    float: left;
     position: relative;
-    display: block;
-    font-weight: bold;
-    height: 20px;
 }
 
-.tabsA a.on, .tabsA a:hover, .tabsB a.on, .tabsB a:hover {
-    background: #fff;
-    color: #a40000;
-    border-top: 1px solid #babdb6;
-    border-left: 1px solid #babdb6;
-    border-right: 1px solid #888a85;
-    border-bottom: 1px solid #888a85;
-    height: 24px;
-    line-height: 26px;
-    margin-top: 3px;
-    padding: 0px 11px 0px 11px;
-}
-
-.tabsA a {
-    background: #f9f7eb;
-    border-top: 1px solid #eeeeec;
-    border-left: 1px solid #eeeeec;
-    border-right: 1px solid #a9aca5;
-    border-bottom: 1px solid #888a85;
-    color: #888a85;
+.tabsA a, .sticky-sort-tabs {
+    background: none repeat scroll 0 0 #EEEEEE;
+    border-bottom: 1px solid #CCCCCC;
+    border-right: 1px solid #CCCCCC;
+    color: #888A85;
     display: block;
     float: left;
     height: 20px;
     line-height: 22px;
     margin: 5px 4px 0 0;
-    padding: 0 11px 0 11px;
     text-decoration: none;
 }
 
-.tabsB a {
-    background: #eee;
-    border: 1px solid #eee;
-    color: #777;
-    display: block;
-    float: left;
-    height: 22px;
-    line-height: 28px;
-    margin: 5px 0px 0 4px;
-    padding: 0 11px 0 11px;
-    text-decoration: none;
+.tabsA a {
+    padding: 0 11px;    
+}
+
+.sticky-sort-tabs {
+    width: 20px;
+    padding: 0;
+}
+
+.sticky-sort-tabs input {
+    border: 0;
+    height: 14px;
+    width: 14px;
+    margin: 2px;
+}
+
+.tabsA a.on, .tabsA a:hover {
+    background: none repeat scroll 0 0 #FFFFFF;
+    color: #A40000;
+}
+
+.tabsA a:hover {
+    background: none repeat scroll 0 0 #356FCB;
+    color: #FFFFFF;
 }
 
-/*.tabsA a:hover, .tabsB a:hover {background: #fff;border: 1px solid #777;border-bottom:3px solid #FFF;}*/
 .headlineA {
+    border-bottom: 1px solid #777777;
     font-size: 13px;
-    border-bottom: 1px solid #777;
-    padding-bottom: 2px;
     font-weight: 800;
+    height: 30px;
     margin-bottom: 12px;
+    padding-bottom: 2px;
     text-align: right;
-    height: 30px;
 }
 
 .headQuestions {
+    background: url("../images/dot-list.gif") no-repeat scroll left center transparent;
+    border-bottom: 0 solid #777777;
     float: left;
+    font-size: 15px;
+    font-weight: 700;
     height: 23px;
     line-height: 23px;
     margin: 5px 0 0 5px;
-    padding: 0px 6px 0px 15px;
-    font-size: 15px;
-    font-weight: 700;
-    border-bottom: 0px solid #777;
-    border-left: 0px solid #darkred;
-    background-color: #FFF;
-    background: url(../images/dot-list.gif) no-repeat left center;
-}
-
-.headAnswers {
-    float: left;
-    padding: 3px;
-    font-size: 18px;
-    font-weight: 800;
-    background: url(../images/ico_answers.gif) left 2px no-repeat;
-    padding-left: 24px;
-}
-
-.headTags {
-    float: left;
-    padding: 3px;
-    font-size: 18px;
-    font-weight: 800;
-    background: url(../images/ico_tags.gif) no-repeat;
-    padding-left: 24px;
+    padding: 0 6px 0 15px;
 }
 
 .headUsers {
+    background: url("../images/dot-list.gif") no-repeat scroll left center transparent;
+    border-bottom: 0 solid #777777;
     float: left;
+    font-size: 15px;
+    font-weight: 700;
     height: 23px;
     line-height: 23px;
     margin: 5px 0 0 5px;
-    padding: 0px 6px 0px 15px;
-    font-size: 15px;
-    font-weight: 700;
-    border-bottom: 0px solid #777;
-    border-left: 0px solid #darkred;
-    background-color: #FFF;
-    background: url(../images/dot-list.gif) no-repeat left center;
+    padding: 0 6px 0 15px;
 }
 
 .headMedals {
+    background: url("../images/dot-list.gif") no-repeat scroll left center transparent;
+    border-bottom: 0 solid #777777;
     float: left;
+    font-size: 15px;
+    font-weight: 700;
     height: 23px;
     line-height: 23px;
     margin: 5px 0 0 5px;
-    padding: 0px 6px 0px 15px;
-    font-size: 15px;
-    font-weight: 700;
-    border-bottom: 0px solid #777;
-    border-left: 0px solid #darkred;
-    background-color: #FFF;
-    background: url(../images/dot-list.gif) no-repeat left center;
-}
-
-.headLogin {
-    float: left;
-    padding: 3px;
-    font-size: 15px;
-    font-weight: 800;
-    background: url(../images/ico_login.gif) no-repeat;
-    padding-left: 24px;
+    padding: 0 6px 0 15px;
 }
 
 .headNormal {
-    text-align: left;
-    padding: 3px;
+    border-bottom: 1px solid #777777;
     font-size: 15px;
-    margin-bottom: 12px;
     font-weight: bold;
-    border-bottom: 1px solid #777;
-}
-
-.headUser {
-    text-align: left;
-    padding: 5px;
-    font-size: 20px; /*letter-spacing:1px;*/
     margin-bottom: 12px;
-    font-weight: 800;
-    border-bottom: 1px solid #777;
-}
-
-/*RSS订阅*/
-#feeds {
-    margin: 10px 0;
-}
-
-#feeds a {
-    background: url(../images/feed-icon-small.png) no-repeat 0;
-    padding-left: 18px;
-    font-weight: 700;
-    font-size: 13px;
-}
-
-/*问题*/
-#question {
-    margin-bottom: 30px;
-}
-
-#question h1 {
-    font-size: 15px;
-    background: #CCC;
-    padding: 6px 8px;;
-}
-
-#question .body {
-    background: #F7F7F7;
-    padding: 20px 10px;
-}
-
-.starter {
-    padding: 10px;
-    background: #E0EAF1;
+    padding: 3px;
+    text-align: left;
 }
 
-.vote {
+.headUser {
+    border-bottom: 1px solid #777777;
     font-size: 20px;
-    color: #666;
     font-weight: 800;
+    margin-bottom: 12px;
+    padding: 5px;
+    text-align: left;
 }
 
 .questions-related {
@@ -1051,46 +716,19 @@ a:hover.medal {
 }
 
 .questions-related p {
+    font-size: 100%;
     line-height: 20px;
     margin-bottom: 10px;
-    font-size: 100%;
-}
-
-.question-status {
-    margin-top: 10px;
-    padding: 20px;
-    background-color: #F5F5F5;
-    text-align: center;
-}
-
-.question-status h3 {
-    font-size: 125%;
 }
 
 .question-body {
-    min-height: 100px;
     font-size: 13px;
     line-height: 20px;
+    min-height: 100px;
 }
 
-.question-body IMG {
-    max-width: 600px;
-}
-
-.question-mark {
-    /*background-color:#fff5e0;
-    border-top: 1px solid #eeeeec;
-    border-right: 1px solid #babdb6;
-    border-bottom: 1px solid #babdb6;
-    border-left: 1px solid #eeeeec;*/
-    text-align: left;
-    padding: 5px;
-    overflow: hidden;
-}
-
-.question-edit {
-    text-align: left;
-    overflow: hidden;
+.question-body img {
+    max-width: 640px;
 }
 
 .vote-buttons {
@@ -1098,280 +736,128 @@ a:hover.medal {
     text-align: center;
 }
 
-.vote-buttons IMG {
-    cursor: pointer;
-}
-
-.vote-number {
-    font-family: Arial;
-    padding: 0px 0 3px 0;
-    font-size: 140%;
-    font-weight: bold;
-    color: #777;
-}
-
-.question-img-upvote:hover {
-    background: url(../images/vote-arrow-up-on.png)
-}
-
-.question-img-downvote:hover {
-    background: url(../images/vote-arrow-down-on.png)
-}
-
-.question-img-favorite:hover {
-    background: url(../images/vote-favorite-on.png)
-}
-
-.favorite-number {
-    padding: 0px;
-    font-size: 100%;
-    font-family: Arial;
-    font-weight: bold;
-    color: #777;
-}
-
-.vote-notification {
-    z-index: 1;
-    cursor: pointer;
-    display: none;
-    position: absolute;
-    padding: 15px;
-    color: White;
-    background-color: darkred;
-    text-align: center;
-}
-
-.vote-notification a {
-    color: White;
-    text-decoration: underline;
-}
-
-.offensive-flag a {
-    color: #777;
-    padding: 3px;
-    cursor: pointer;
-}
-
-.offensive-flag a:hover {
-    background-color: #777;
-    text-decoration: none;
-    color: #fff;
-}
-
-.linksopt a {
-    color: #777;
-    padding: 3px;
-    cursor: pointer;
-}
-
-.linksopt a:hover {
-    background-color: #777;
-    text-decoration: none;
-    color: #fff;
-}
-
-.action-link a {
-    color: #777;
-    padding: 3px;
-    cursor: pointer;
-}
-
-.action-link: a hover {
-    background-color: #777;
-    text-decoration: none;
-    color: #fff;
-}
-
-.action-link-separator {
-    color: #ccc;
-}
-
-.wiki-category {
-    margin-left: 5px;
-    color: #999;
-    font-size: 90%;
-}
-
-div.comments {
-    line-height: 150%;
-    padding: 10px 0;
-}
-
-div.post-comments {
-    clear: both;
-    background: url(../images/gray-up-arrow-h18px.png) no-repeat;
-    width: 100%;
-    padding-left: 12px;
-    margin: 3px 0 10px 0;
-}
-
-form.post-comments textarea {
-    height: 6em;
-    margin-bottom: 4px;
-}
-
-form.post-comments input {
-    margin-left: 10px;
-    margin-top: 1px;
-    vertical-align: top;
-    width: 100px;
-}
-
-span.text-counter {
-    margin-right: 20px;
-    font-size: 11px;
-}
-
 span.form-error {
     color: #990000;
     font-weight: normal;
     margin-left: 5px;
 }
 
-p.form-item {
-    margin: 0px;
-}
-
-div.comments-container, div.comments-container-accepted, div.comments-container-owner, div.comments-container-deleted {
-    padding: 0;
-}
-
-.post-comments a {
-    color: #888888;
-    padding: 0 3px 2px;
-}
-
-a.comments-link, a.comments-link-accepted, a.comments-link-owner, a.comments-link-deleted {
-    color: black;
-    font-size: 11px;
-    background: #eeeeee;
-    padding: 3px;
-    cursor: pointer;
-}
-
-.post-comments a:hover {
-    background-color: #777777;
-    color: white;
-    text-decoration: none;
-}
-
-a.comment-user, a.comment-user:hover {
-    background-color: inherit;
-    color: blue;
-    padding: 0;
-}
-
-a.comment-user:hover {
-    text-decoration: underline;
-}
-
-/*回答*/
-#answers {
+ul.errorlist li {
+    color: #990000;
+    font-weight: normal;
+    margin-left: 0px;
+    margin-top: 5px;
 }
 
 .answer {
+    border-bottom: 1px solid #CCCCCE;
     padding-top: 10px;
     width: 100%;
-    border-bottom: 1px solid #ccccce;
 }
 
 .answer-body {
-    min-height: 80px;
     font-size: 13px;
     line-height: 20px;
+    min-height: 80px;
+    margin: 0 0 20px 0;
 }
 
-.answer-body IMG {
-    max-width: 600px;
+.answer-body img {
+    max-width: 640px;
 }
 
-.accepted-answer {
-    background-color: #EBFFE6;
-    border-bottom-color: #9BD59B;
+/* Fixes OSQA-143 IE8 text overflow issue */
+div.question-body p, div.answer-body p {
+    max-width: 700px;
 }
 
-.accepted-answer .comments-link {
-    background-color: #CCFFBF;
+.answered-by-owner {
+    background: none repeat scroll 0 0 #E9E9FF;
 }
 
-.accepted-answer .comments-container {
-    background-color: #CCFFBF;
+.accepted-answer {
+    background-color: #EBFFE6;
+    border-bottom-color: #9BD59B;
 }
 
 .answered {
-    background: #CCC;
-    color: #999;
+    background: none repeat scroll 0 0 #E5EBF8;
+    color: #314362;
 }
 
-.answered-accepted {
-    background: #CCC;
-    color: #763333;
+.answered-accepted, .answer-votes.answered-accepted {
+    background: none repeat scroll 0 0 #E6F8DD;
+    color: #3A6231;
 }
 
 .unanswered {
-    background: #777;
-    color: white;
+    background: none repeat scroll 0 0 #F3E3E1;
+    color: #6B2B28;
 }
 
-.answered-by-owner {
-    background: #E9E9FF;
+.focusedAnswer {
+    background: #FFFFCC;
 }
 
-.answered-by-owner .comments-link {
-    background-color: #E6ECFF;
+.tagsList {
+    list-style-type: none;
+    margin: 0;
+    min-height: 360px;
+    padding: 0;
 }
 
-.answered-by-owner .comments-container {
-    background-color: #E6ECFF;
+.tagsList li {
+    float: left;
+    width: 235px;
 }
 
-.answered-accepted strong {
-    color: #E1E818;
+.badge-list {
+    list-style-type: none;
+    margin: 0;
 }
 
-.answer-img-accept:hover {
-    background: url(../images/vote-accepted-on.png)
+.badge-list a {
+    color: #3060A8;
 }
 
-.deleted {
-    background: #F4E7E7 none repeat scroll 0 0;
+.badge-list a.medal {
+    color: #333333;
 }
 
-/*标签列表*/
-/*
-.tagsbox {}
-.tagsbox a {color:#000;line-height:30px;margin-right:10px;font-size:100%;background-color:#F9F7ED;padding:3px;border:1px solid #aaaaaa;}
-.tagsbox a:hover {text-decoration:none;background-color:#F9F7ED;color:#B02B2C;} */
-.tagsList {
-    margin: 0;
-    list-style-type: none;
-    padding: 0px;
-    min-height: 360px;
+#medalList .badgeListDescription {
+    float: left;
+    margin-top: 8px;
+    max-width: 60%;
 }
 
-.tagsList li {
-    width: 235px;
+#medalList .badgeListItem {
     float: left;
+    width: 32%;
 }
 
-.badge-list {
-    margin: 0;
-    list-style-type: none;
+#medalList .intoMyBadges span {
+    font-size: 175%;
+    padding-right: 5px;
+    color: #5B9058;
+}
+#medalList .intoMyBadges {
+    float: left;
+    min-width: 5%;
+    text-align: right;
+    height:30px;
 }
 
-/*登录*/
 .list-item {
     margin-left: 15px;
 }
 
-.list-item LI {
-    list-style-type: disc;
+.list-item li {
     font-size: 13px;
     line-height: 20px;
+    list-style-type: disc;
     margin-bottom: 10px;
 }
 
-/* openid styles */
 .form-row {
     line-height: 25px;
 }
@@ -1381,94 +867,39 @@ table.form-as-table {
 }
 
 table.form-as-table ul {
-    list-style-type: none;
     display: inline;
+    list-style-type: none;
 }
 
 table.form-as-table li {
     display: inline;
 }
 
-table.form-as-table td {
-    text-align: right;
+table.form-as-table pre {
+    display: inline;
 }
 
-table.form-as-table th {
-    text-align: left;
-    font-weight: normal;
+table.check-table td {
+    padding-right: 50px;
 }
 
-/*.form-row li label {
-    display: inline
-}*/
 .submit-row {
+    clear: both;
+    display: block;
     line-height: 30px;
     padding-top: 10px;
-    display: block;
-    clear: both;
-}
-
-.errors {
-    line-height: 20px;
-    color: red;
 }
 
 .error {
     color: darkred;
-    margin: 0;
     font-size: 10px;
+    margin: 0;
 }
 
-.error-list li {
-    padding: 5px;
-}
-
-.fieldset {
-/*     border:solid 1px #777;*/
-    border: none;
-    margin-top: 10px;
-    padding: 10px;
-}
-
-.openid-input {
-    background: url(../images/openid.gif) no-repeat;
-    padding-left: 15px;
-    cursor: pointer;
-}
-
-.openid-login-input {
-    background-position: center left;
-    background: url(../images/openid.gif) no-repeat 0% 50%;
-    padding: 5px 5px 5px 15px;
-    cursor: pointer;
-    font-family: Trebuchet MS;
-    font-weight: 300;
-    font-size: 150%;
-    width: 500px;
-}
-
-.openid-login-submit {
-    height: 40px;
-    width: 80px;
-    line-height: 40px;
-    cursor: pointer;
-    border: 1px solid #777;
-    font-weight: bold;
-    font-size: 120%;
-}
-
-.openid-samples {
-
-}
-
-.openid-samples .list, .list li {
-    font-family: Trebuchet MS, "segoe ui", Helvetica, "Microsoft YaHei", 宋 体, Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif;
-    list-style: none !important;
-    margin-left: -30px !important;
-    line-height: 20px !important;
+.small {
+    font-size: 11px;
 }
 
-/*表单相关*/
 span.form-error {
     color: #990000;
     font-size: 90%;
@@ -1481,68 +912,50 @@ span.form-error {
     font-size: 90%;
 }
 
-/*adjustment for editor preview*/
 #editor {
     font-size: 100%;
-    min-height: 200px;
     line-height: 18px;
+    min-height: 200px;
     width: 100%;
 }
 
 .wmd-preview {
-    margin-top: 10px;
-    padding: 6px;
-    width: 100%;
     background-color: #F5F5F5;
+    margin-top: 10px;
     min-height: 20px;
-}
-
-.wmd-preview pre {
-    background-color: #E7F1F8;
-
-}
-
-.wmd-preview blockquote {
-    background-color: #eee;
-}
-
-.wmd-preview IMG {
-    max-width: 600px;
+    padding: 6px;
+    width: 98%;
+    overflow: hidden;
 }
 
 .preview-toggle {
+    color: #AAAAAA;
     font-weight: 600;
-    width: 100%;
-    color: #aaa; /*letter-spacing:1px;*/
     text-align: left;
+    width: 100%;
 }
 
 .preview-toggle span:hover {
     cursor: pointer;
 }
 
-.edit-content-html {
-    border-top: 1px dotted #D8D2A9;
-    border-bottom: 1px dotted #D8D2A9;
-    margin: 5px 0 5px 0;
-}
-
-/*修订记录*/
-
 #revisions {
     width: 950px;
 }
 
 .revision {
-    margin: 10px 0 10px 0;
-    width: 100%;
     font-size: 13px;
+    margin: 10px 0;
+    width: 100%;
+}
+
+.revision .rev-arrow {
+    cursor: pointer;
 }
 
 .revision .header {
-    background-color: #eee;
+    background-color: #EEEEEE;
     padding: 5px;
-    cursor: pointer;
 }
 
 .revision .author {
@@ -1550,76 +963,62 @@ span.form-error {
 }
 
 .revision .summary {
-    padding: 5px 0 10px 0;
+    padding: 5px 0 10px;
 }
 
 .revision .summary span {
-    background-color: yellow;
+    /**background-color: yellow;**/
+    display: inline;
     padding-left: 3px;
     padding-right: 3px;
-    display: inline;
 }
 
 .revision h1 {
     font-size: 130%;
     font-weight: 600;
-    padding: 15px 0 15px 0;
+    padding: 15px 0;
 }
 
 .revision-mark {
-    width: 200px;
-    text-align: left;
     display: inline-block;
     font-size: 90%;
     overflow: hidden;
+    text-align: left;
+    width: 200px;
 }
 
 .revision-number {
+    font-family: sans-serif;
     font-size: 300%;
     font-weight: bold;
-    font-family: sans-serif;
 }
 
 .revision .body {
-    padding-left: 10px;
     margin-bottom: 50px;
+    padding-left: 10px;
 }
 
-.revision .answerbody {
-    padding: 10px 0 5px 10px;
-}
-
-/* Revision pages */
 del {
     color: #FF5F5F;
 }
 
-del .post-tag {
-    color: #FF5F5F;
-}
-
 ins {
-    background-color: #97ff97;
+    background-color: #97FF97;
 }
 
-ins .post-tag {
-    background-color: #97ff97;
-}
-
-/*用户资料页面*/
 .count {
+    color: #777777;
     font-family: Arial;
     font-size: 200%;
     font-weight: 700;
-    color: #777
 }
 
 .scoreNumber {
+    color: #777777;
     font-family: Arial;
     font-size: 35px;
     font-weight: 800;
-    color: #777;
-    line-height: 40px; /*letter-spacing:0px*/
+    line-height: 40px;
 }
 
 .user-details {
@@ -1636,824 +1035,912 @@ ins .post-tag {
 }
 
 .user-edit-link {
-    background: url(../images/edit.png) no-repeat;
+    background: url("../images/edit.png") no-repeat scroll 0 0 transparent;
     padding-left: 20px;
 }
 
-.favorites-count-off {
-    color: #919191;
-    float: left;
+.user-info-table {
+    margin-bottom: 10px;
+}
+
+.relativetime {
+    text-decoration: none;
+}
+
+.answer-summary {
+    clear: both;
+    display: block;
     padding: 3px;
-    margin: 10px 0 0 0;
-    text-align: center;
 }
 
-.favorites-count {
-    color: #D4A849;
+.answer-votes {
+    background-color: #EEEEEE;
+    color: #555555;
     float: left;
-    padding: 3px;
-    margin: 10px 0 0 0;
+    font-family: Arial;
+    font-size: 110%;
+    font-weight: bold;
+    height: 15px;
+    margin-right: 10px;
+    padding: 4px 4px 5px;
     text-align: center;
+    text-decoration: none;
+    width: 20px;
 }
 
-.favorites-empty {
-    width: 32px;
-    height: 45px;
-    float: left;
+.vote-count {
+    color: #777777;
+    font-family: Arial;
+    font-size: 160%;
+    font-weight: 700;
 }
 
-.question-summary {
-    border-bottom: 1px dotted #999999;
-    float: left;
-    overflow: hidden;
-    padding: 11px 0;
-    width: 670px;
+.user-action-1 {
+    color: #333333;
+    font-weight: bold;
 }
 
-.user-info-table {
-    width: 950;
-    margin-bottom: 10px;
+.user-action-2 {
+    color: #CCCCCC;
+    font-weight: bold;
 }
 
-.user-stats-table .question-summary {
-    width: 800px;
+.user-action-3 {
+    color: #333333;
 }
 
-.narrow .stats {
-    background: transparent none repeat scroll 0 0;
-    float: left;
-    height: 48px;
-    margin: 0 0 0 7px;
-    padding: 0;
-    width: auto;
-    font-family: Arial;
+.user-action-4 {
+    color: #333333;
 }
 
-.stats div {
-    font-size: 11px;
-    text-align: center;
+.user-action-7 {
+    color: #333333;
 }
 
-.narrow .votes {
-    background: #EEEEEE none repeat scroll 0 0;
-    float: left;
-    height: 42px;
-    margin: 0 3px 0 0;
-    padding: 5px;
-    width: 46px;
-    text-align: center;
-    -moz-border-radius: 5px;
-    -khtml-border-radius: 5px;
-    -webkit-border-radius: 5px;
+.user-action-8 {
+    background-color: #CCCCCC;
+    color: #763333;
+    font-weight: bold;
+    padding: 3px;
 }
 
-.narrow .summary {
-    width: 600px;
-    display: inline-block;
+.question-title-link a {
+    color: #0077CC;
+    font-weight: bold;
 }
 
-.narrow .summary h3 {
-    padding: 0px;
-    margin: 0px;
+.answer-title-link a {
+    color: #333333;
 }
 
-.narrow .views {
-    height: 42px;
-    float: left;
-    margin: 0 7px 0 0; /*padding:5px 0 5px 4px;*/
-    padding: 5px;
-    width: 46px;
-    text-align: center;
-    -moz-border-radius: 5px;
-    -khtml-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    color: #777;
+.post-type-1 a {
+    font-weight: bold;
 }
 
-.narrow .status {
-    float: left;
-    height: 42px;
-    margin: 0 3px 0 0;
-    padding: 5px;
-    width: 46px;
-    text-align: center;
-    -moz-border-radius: 5px;
-    -khtml-border-radius: 5px;
-    -webkit-border-radius: 5px;
+.post-type-3 a {
+    font-weight: bold;
 }
 
-.narrow .vote-count-post {
-    font-weight: 800;
-    display: block;
-    margin: 0;
-    font-size: 190%;
-    color: #555;
-    line-height: 20px;
+.post-type-2 a {
+    color: #333333;
 }
 
-.narrow .answer-count-post {
-    font-weight: 800;
-    display: block;
-    margin: 0;
-    font-size: 190%;
+.post-type-4 a {
+    color: #333333;
 }
 
-.narrow .views-count-post {
-    font-weight: 800;
-    display: block;
-    margin: 0;
-    font-size: 190%;
+.post-type-8 a {
+    color: #333333;
 }
 
-div.started {
-    color: #999999;
-    float: right;
-    line-height: 18px;
+.badge1 {
+    color: #FFCC00;
+}
 
+.silver, .badge2 {
+    color: #CCCCCC;
 }
 
-.narrow div.started {
-    line-height: inherit;
-    padding-top: 4px;
-    white-space: nowrap;
-    width: auto;
+.bronze, .badge3 {
+    color: #CC9933;
 }
 
-.relativetime {
+.score, .accept_rate {
+    color: #333333;
+    font-size: 110%;
     font-weight: bold;
-    text-decoration: none;
+    margin-left: 3px;
 }
 
-div.started a {
-    font-weight: bold;
+.footerLinks {
+    color: #3060A8;
+    font-size: 13px;
 }
 
-div.started .reputation-score {
-    margin-left: 1px;
+.footerLinks a {
+    color: #3060A8;
+    font-size: 13px;
 }
 
-.narrow  .tags {
-    float: left;
+.user {
+    line-height: 140%;
+    padding: 5px;
+    width: 170px;
+    display: inline-block;
 }
 
-.answer-summary {
-    display: block;
-    clear: both;
-    padding: 3px;
+.user ul {
+    list-style-type: none;
+    margin: 0;
 }
 
-.answer-votes {
-    background-color: #EEEEEE;
-    color: #555555;
+.user .thumb {
+    clear: both;
+    display: inline;
     float: left;
-    font-family: Arial;
-    font-size: 110%;
-    font-weight: bold;
-    height: 15px;
-    padding: 4px 4px 5px;
-    text-align: center;
-    text-decoration: none;
-    width: 20px;
-    margin-right: 10px;
+    margin-right: 4px;
 }
 
-.vote-count {
-    font-family: Arial;
-    font-size: 160%;
-    font-weight: 700;
-    color: #777;
+.message {
+    background-color: #EEEEEE;
+    border: 1px solid #AAAAAA;
+    margin: 10px 0;
+    padding: 5px;
 }
 
-.user-action {
-
+.message p {
+    margin-bottom: 0;
 }
 
-.user-action-1 {
-    font-weight: bold;
-    color: #333;
+.darkred {
+    color: darkred;
 }
 
-.user-action-2 {
+.submit {
+    background-color: #D4D0C8;
+    border: 1px solid #777777;
+    cursor: pointer;
+    font-size: 120%;
     font-weight: bold;
-    color: #CCC;
+    height: 40px;
+    padding-bottom: 4px;
 }
 
-.user-action-3 {
-    color: #333;
+.submit:hover {
+    text-decoration: underline;
 }
 
-.user-action-4 {
-    color: #333;
+.ask-body {
+    padding-right: 10px;
 }
 
-.user-action-5 {
-    color: darkred;
+.notify {
+    background-color: #F4A83D;
+    color: #444444;
+    font-weight: bold;
+    left: 0;
+    padding: 0;
+    position: fixed;
+    text-align: center;
+    top: 0;
+    width: 100%;
+    z-index: 100;
 }
 
-.user-action-6 {
-    color: darkred;
+* html .notify {
+    position: absolute;
 }
 
-.user-action-7 {
-    color: #333;
+.notify p {
+    font-size: 16px;
+    margin-bottom: 5px;
+    margin-top: 5px;
 }
 
-.user-action-8 {
-    padding: 3px;
-    font-weight: bold;
-    background-color: #CCC;
-    color: #763333;
+#close-notify {
+    background-color: #FAD163;
+    border: 2px solid #735005;
+    color: #735005;
+    cursor: pointer;
+    font-size: 14px;
+    line-height: 18px;
+    padding: 0 3px;
+    position: absolute;
+    right: 5px;
+    text-decoration: none;
+    top: 5px;
 }
 
-.revision-summary {
-    background-color: #FFFE9B;
-    padding: 2px;
+#close-notify:hover {
+    text-decoration: none;
 }
 
-.question-title-link a {
-    font-weight: bold;
-    color: #0077CC;
+.big {
+    font-size: 15px;
 }
 
-.answer-title-link a {
-    color: #333;
+.strong {
+    font-weight: bold;
 }
 
-.post-type-1 a {
+.orange {
+    color: #D64000;
     font-weight: bold;
+}
 
+.grey {
+    color: #808080;
 }
 
-.post-type-3 a {
-    font-weight: bold;
+.about div {
+    border-top: 1px dashed #AAAAAA;
+    padding: 10px 5px;
+}
 
+.about div.first {
+    border-top: medium none;
+    padding-top: 0;
 }
 
-.post-type-5 a {
-    font-weight: bold;
+.about p {
+    margin-bottom: 10px;
 }
 
-.post-type-2 a {
-    color: #333;
+.about a {
+    color: #D64000;
+    text-decoration: underline;
 }
 
-.post-type-4 a {
-    color: #333;
+.about h3 {
+    font-size: 15px;
+    font-weight: 700;
+    line-height: 30px;
+    padding-top: 0;
 }
 
-.post-type-6 a {
-    color: #333;
+.nomargin {
+    margin: 0;
 }
 
-.post-type-8 a {
-    color: #333;
+.inline-block {
+    display: inline-block;
 }
 
-/*读书频道*/
-.bookInfo {
-    float: left;
-    width: 940px;
-    padding: 5px;
+.list-table td {
+    vertical-align: top;
 }
 
-.bookCover {
-    float: left;
-    width: 200px;
+table.form-as-table input {
+    display: inline;
+    margin-left: 4px;
 }
 
-.bookCover img {
-    border: 1px solid #ccc;
-    max-width: 200px;
+ul.form-horizontal-rows {
+    list-style: none outside none;
+    margin: 0;
 }
 
-.bookSummary {
-    float: left;
-    font-size: 13px;
+ul.form-horizontal-rows li {
+    height: 40px;
+    position: relative;
 }
 
-.blogRss {
-    float: right;
-    margin: 0 10px 0 0;
-    width: 460px;
-    height: 240px;
-    background-color: #EEE;
-    padding: 5px;
+ul.form-horizontal-rows label {
+    display: inline-block;
 }
 
-.bookQuestions {
-    margin-bottom: 10px;
+ul.form-horizontal-rows label {
+    bottom: 6px;
+    font-size: 12px;
+    left: 0;
+    line-height: 12px;
+    margin: 0;
+    position: absolute;
 }
 
-.bookFeed {
-    float: right;
+ul.form-horizontal-rows li input {
+    bottom: 0;
+    left: 180px;
+    margin: 0;
+    position: absolute;
 }
 
-.bookAsk {
-/*letter-spacing:1px; */
-    float: right;
-    margin: -30px 10px 0 0;
-    padding: 3px 5px 3px 5px;
+#changepw-form li input {
+    left: 150px;
 }
 
-.bookAsk a {
-    font-size: 15px;
-    color: #FFF;
+.user-profile-tool-links {
     font-weight: bold;
-    text-decoration: none;
-    background-color: #EC7000;
-    padding: 3px 6px 3px 6px;
+    padding-bottom: 10px;
 }
 
-.bookAsk a:hover {
-    text-decoration: underline;
+.post-controls, .tags-container {
+    font-size: 11px;
+    line-height: 12px;
+    margin-bottom: 5px;
+    min-width: 200px;
 }
 
-/*其他全局样式*/
-.hilite {
-    background-color: #ff0;
+.tags-container {
+    margin: 0 0 16px 0;
 }
 
-.hilite1 {
-    background-color: #ff0;
+#question-tags {
+    margin-top: 15px;
 }
 
-.hilite2 {
-    background-color: #f0f;
+.post-controls {
+    float: left;
 }
 
-.hilite3 {
-    background-color: #0ff;
+#question-controls .tags {
+    margin: 0 0 3px;
 }
 
-.userStatus {
-    margin-left: 12px;
-    color: #FFF;
+.post-update-info {
+    display: inline-block;
     float: right;
+    margin-bottom: 5px;
+    width: 190px;
 }
 
-.userStatus a {
-    color: #FFF;
+.post-update-info p {
+    font-size: 11px;
+    line-height: 15px;
+    margin: 0 0 4px;
+    padding: 0;
 }
 
-.gold, .badge1 {
-    color: #FFCC00;
+.post-update-info img {
+    float: left;
+    margin: 4px 8px 0 0;
+    width: 32px;
 }
 
-.silver, .badge2 {
-    color: #CCCCCC;
+#tagSelector {
+    padding-bottom: 2px;
 }
 
-.bronze, .badge3 {
-    color: #CC9933;
+#hideIgnoredTagsControl {
+    margin: 5px 0 0;
 }
 
-.score {
-    font-weight: 800;
-    color: #333;
+#hideIgnoredTagsCb {
+    margin: 0 2px 0 1px;
 }
 
-.footerLinks {
-    color: #EEE;
-    font-size: 13px; /* letter-spacing:1px;*/
+a.sidebar_button {
+    background: none repeat scroll 0 0 #EEEEEE;
+    color: black;
+    cursor: pointer;
+    font-size: 11px;
+    padding: 3px;
 }
 
-.footerLinks a {
-    color: #FFF;
-    font-size: 13px;
+a.sidebar_button:hover {
+    background-color: #777777;
+    color: white;
+    text-decoration: none;
 }
 
-.subSearch {
-    margin-bottom: 12px;
-    padding: 4px;
+a.post-vote, .favorite-mark, a.accept-answer {
+    display: block;
+    height: 24px;
+    position: relative;
+    width: 24px;
 }
 
-a.comment {
-    background: #EEE;
-    color: #993300;
-    padding: 4px;
+a.post-vote.up {
+    background: url("../images/vote-arrow-up.png") no-repeat scroll center center transparent;
 }
 
-a.permLink {
-    padding: 2px;
+a.post-vote.up.on, a.post-vote.up:hover {
+    background: url("../images/vote-arrow-up-on.png") no-repeat scroll center center transparent;
 }
 
-a.offensive {
-    color: #999;
+a.post-vote.down {
+    background: url("../images/vote-arrow-down.png") no-repeat scroll center center transparent;
 }
 
-ul.bulleta li {
-    background: url(../images/bullet_green.gif) no-repeat 0px 2px;
-    padding-left: 16px;
-    margin-bottom: 4px;
+a.post-vote.down.on, a.post-vote.down:hover {
+    background: url("../images/vote-arrow-down-on.png") no-repeat scroll center center transparent;
 }
 
-.user {
-    padding: 5px;
-    line-height: 140%;
-    width: 170px;
+a.accept-answer {
+    background: url("../images/vote-accepted.png") no-repeat scroll center center transparent;
 }
 
-.user ul {
-    margin: 0;
-    list-style-type: none;
+a.accept-answer.on, a.accept-answer:hover {
+    background: url("../images/vote-accepted-on.png") no-repeat scroll center center transparent;
 }
 
-.user .thumb {
-    clear: both;
-    float: left;
-    margin-right: 4px;
-    display: inline;
+.community-wiki {
+    font-size: 11px;
+    color: #333;
+    background: url("../images/wiki.png") no-repeat left center;
+    padding-left: 36px;
+    margin: 6px 0 0 0;
+    min-height: 32px;
+    line-height: 15px;
 }
 
-.yellowbg {
-    background: yellow;
+.post-score, .comments-char-left-count {
+    color: #777777;
+    font-family: Arial;
+    font-size: 165%;
+    font-weight: bold;
+    padding: 0 0 3px;
 }
 
-.message {
-    padding: 5px;
-    margin: 10px 0 10px 0;
-    background-color: #eee;
-    border: 1px solid #aaaaaa;
+.favorite-mark {
+    background: url("../images/vote-favorite-off.png") no-repeat scroll center center transparent;
 }
 
-.message h1 {
-    padding-top: 0px;
-    font-size: 15px;
+.favorite-mark.on, a.favorite-mark:hover {
+    background: url("../images/vote-favorite-on.png") no-repeat scroll center center transparent;
 }
 
-.message p {
-    margin-bottom: 0px;
+.favorite-count {
+    color: #777777;
+    font-family: Arial;
+    font-size: 100%;
+    font-weight: bold;
+    padding: 0;
 }
 
-p.space-above {
-    margin-top: 10px;
+.comments-container {
+    clear: both;
 }
 
-.warning {
-    color: red;
+.comments-container {
+    padding: 0;
 }
 
-.darkred {
-    color: darkred;
+.answered-by-owner .comments-container {
+    background-color: #E6ECFF;
 }
 
-.submit {
-    cursor: pointer; /*letter-spacing:1px;*/
-    background-color: #D4D0C8;
-    height: 40px;
-    border: 1px solid #777777; /*      width:100px; */
-    font-weight: bold;
-    padding-bottom: 4px;
-    font-size: 120%;
+.accepted-answer .comments-container {
+    background-color: #CCFFBF;
 }
 
-.submit:hover {
-    text-decoration: underline;
+.comment {
+    border-top: 1px dotted #CCCCCE;
+    margin: 0;
+    position: relative;
 }
 
-.ask-body {
-    padding-right: 10px;
+.comment.not_top_scorer {
+    display: none;
 }
 
-.thousand {
-    color: orange;
+.comment-score {
+    color: #777777;
+    font-family: Arial;
+    font-size: 16px;
+    font-weight: bold;
+    padding-top: 3px;
+    vertical-align: top;
+    float: left;
+    width: 22px;
+    height: 100%;
+    text-align: center;
 }
 
-.notify {
-    position: fixed;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    z-index: 100;
-    padding: 0;
-    text-align: center;
-    font-weight: Bold;
-    color: #444;
-    background-color: #F4A83D;
+.comment-text {
+    color: #444444;
+    font-size: 12px;
+    margin: 0 0 0 22px;
+    padding: 0;
 }
 
-.notify p {
-    margin-top: 5px;
-    margin-bottom: 5px;
-    font-size: 16px;
+.comment-text p {
+    font-size: 12px;
 }
 
-#close-notify {
-    position: absolute;
-    right: 5px;
-    top: 5px;
-    padding: 0 3px 0 3px;
-    color: #735005;
-    text-decoration: none;
-    font-size: 14px;
-    line-height: 18px;
-    background-color: #FAD163;
-    border: 2px #735005 solid;
-    cursor: pointer;
+.comment-info {
+    font-size: 11px;
+    margin: 0 0 4px 0;
+    text-align: right;
+    height: 18px;
+    vertical-align: middle;
 }
 
-#close-notify:hover {
-    text-decoration: none;
+.comment-info * {
+    float: right;
+    height: 18px;
+    margin-left: 4px;
 }
 
-.big {
-    font-size: 15px;
+a.comment-like, a.comment-delete, a.comment-edit, a.comment-convert, a.comment-convert-to-question {
+    margin-left: 2px;
+    width: 18px;
 }
 
-.bigger {
-    font-size: 14px;
+a.comment-like {
+    background: url("../images/comment-like.png") no-repeat scroll center center transparent;
 }
 
-.strong {
-    font-weight: bold;
+a.comment-like:hover, a.comment-like.on {
+    background: url("../images/comment-like-on.png") no-repeat scroll center center transparent;
 }
 
-.orange {
-    color: #d64000;
-    font-weight: bold;
+a.comment-delete {
+    background: url("../images/comment-delete.png") no-repeat scroll center center transparent;
 }
 
-.grey {
-    color: #808080;
+a.comment-delete:hover {
+    background: url("../images/comment-delete-hover.png") no-repeat scroll center center transparent;
 }
 
-.about div {
-    padding: 10px 5px 10px 5px;
-    border-top: 1px dashed #aaaaaa;
+a.comment-convert {
+    background: url("../images/convert-off.png") no-repeat scroll center center transparent;
 }
 
-.about div.first {
-    padding-top: 0;
-    border-top: none;
+a.comment-convert:hover {
+    background: url("../images/convert-hover.png") no-repeat scroll center center transparent;
 }
 
-.about p {
-    margin-bottom: 10px;
+a.comment-convert-to-question {
+    background: url("../images/convert-to-question-off.png") no-repeat scroll center center transparent;
 }
 
-.about a {
-    color: #d64000;
-    text-decoration: underline;
+a.comment-convert-to-question:hover {
+    background: url("../images/convert-to-question-hover.png") no-repeat scroll center center transparent;
 }
 
-.about h3 {
-    line-height: 30px;
-    font-size: 15px;
-    font-weight: 700;
-    padding-top: 0px;
+a.comment-edit {
+    background: url("../images/comment-edit.png") no-repeat scroll center center transparent;
 }
 
-.highlight {
-    background-color: #FFF8C6;
+a.comment-edit:hover {
+    background: url("../images/comment-edit-hover.png") no-repeat scroll center center transparent;
 }
 
-.nomargin {
-    margin: 0;
+img.subscription-remove {
+    float:right;
 }
 
-.margin-bottom {
-    margin-bottom: 10px;
+.comment-form-container {
+    display: none;
+    padding-top: 12px;
+    margin-bottom: 8px;
 }
 
-.margin-top {
-    margin-top: 10px;
+.comment-form-widgets-container input {
+    vertical-align: top;
 }
 
-.inline-block {
-    display: inline-block;
+.comment-form-widgets-container textarea {
+    height: 80px;
+    width: 80%;
+    float: left;
 }
 
-.action-status {
-    margin: 0;
-    border: none;
-    text-align: center;
-    line-height: 10px;
-    font-size: 12px;
-    padding: 0;
+span.comment-chars-left {
+    font-size: 11px;
+    margin-right: 20px;
 }
 
-.action-status span {
-    padding: 3px 5px 3px 5px;
-    background-color: #fff380; /* nice yellow */
-    font-weight: normal;
-    -moz-border-radius: 5px;
-    -khtml-border-radius: 5px;
-    -webkit-border-radius: 5px;
+div.comment-tools {
+    border-top: 1px dotted #CCCCCE;
+    padding-top: 12px;
+    text-align: right;
 }
 
-.tight {
-    margin: 0;
-    padding: 0;
+div.comment-tools span.comment-tools-separator {
+    float: left;
+    display: block;
+    line-height: 17px;
+    color: #ccc;
+    font-size: 15px;
+    margin-left: 1px;
 }
 
-.list-table td {
-    vertical-align: top;
+div.comment-tools .comments-showing {
+    color: #777777;
+    font-size: 11px;
 }
 
-p.comment {
-    border-top: 1px dotted #ccccce;
-    margin: 0;
+div.comment-tools a {
+    background: none repeat scroll 0 0 #EEEEEE;
+    color: black;
+    cursor: pointer;
     font-size: 11px;
-    color: #444444;
-    padding: 5px 0 5px 0;
+    padding: 3px;
 }
 
-.delete-icon {
-    vertical-align: middle;
-    padding-left: 3px;
+div.comment-tools a:hover {
+    background-color: #777777;
+    color: white;
+    text-decoration: none;
 }
 
-/* these need to go */
-table.form-as-table .errorlist {
-    display: block;
-    margin: 0;
-    padding: 0 0 0 5px;
-    text-align: left;
-    font-size: 10px;
-    color: darkred;
+.action-link {
+    color: #777777;
+    cursor: pointer;
+    padding: 3px;
 }
 
-table.form-as-table input {
-    display: inline;
-    margin-left: 4px;
+.action-link a {
+    color: inherit;
 }
 
-table.form-as-table th {
-    vertical-align: bottom;
-    padding-bottom: 4px;
+.action-link a.ajax-command:hover {
+    background-color: #777777;
+    color: #FFFFFF;
+    text-decoration: none;
 }
 
-.form-row-vertical {
-    margin-top: 8px;
-    display: block;
+.action-link-separator {
+    color: #CCCCCC;
 }
 
-.form-row-vertical label {
-    margin-bottom: 3px;
-    display: block;
+.deleted {
+    background-color: #F4E7E7;
 }
 
-/* above stuff needs to go */
-.text-align-right {
-    text-align: center;
+#command-loader {
+    position: fixed;
+    bottom: 0px;
+    left: 0px;
+    width: 24px;
+    height: 24px;
+    background: url('/m/default/media/images/indicator.gif')
 }
 
-ul.form-horizontal-rows {
-    list-style: none;
-    margin: 0;
+#command-loader.success {
+    background: url('/m/default/media/images/vote-accepted-on.png')
 }
 
-ul.form-horizontal-rows li {
-    position: relative;
-    height: 40px;
+.comment-form-buttons {
+    width: 18%;
+    height: 100%;
+    float: right;
 }
 
-ul.form-horizontal-rows label {
-    display: inline-block;
+.comment-form-buttons input, .user-prompt .prompt-buttons button {
+    height: 16px;
+    line-height: 12px;
+    font-size: 110%;
+    border: 1px solid #999;
 }
 
-ul.form-horizontal-rows ul.errorlist {
-    list-style: none;
-    color: darkred;
-    font-size: 10px;
-    line-height: 10px;
-    position: absolute;
-    top: 2px;
-    left: 180px;
-    text-align: left;
-    margin: 0;
+.comment-form-buttons input {
+    width: 100%;
+    height: auto;
+    padding: 2px 0 4px 0;
+    vertical-align: middle;
+    margin-top: 6px;
 }
 
-ul.form-horizontal-rows ul.errorlist li {
-    height: 10px;
+.comments-char-left-count.warn {
+    color: orange;
 }
 
-ul.form-horizontal-rows label {
-    position: absolute;
-    left: 0px;
-    bottom: 6px;
-    margin: 0px;
-    line-height: 12px;
-    font-size: 12px;
+#ask-related-questions {
+    max-height: 150px;
+    overflow-y: auto;
 }
 
-ul.form-horizontal-rows li input {
+.context-menu {
+    position: relative;
+}
+
+div.dialog, .context-menu-dropdown {
     position: absolute;
-    bottom: 0px;
-    left: 180px;
-    margin: 0px;
+    background-color: #EEEEEE;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    -moz-box-shadow: 2px 2px 5px #3060A8;
+    -webkit-box-shadow: 2px 2px 5px #3060A8;
 }
 
-#emailpw-form li input {
-    left: 170px;
+.context-menu-dropdown {
+    display: none;
+    right: 0px;
+    top: 1.5em;
+    text-align: left;
+    list-style-type: none;
+    z-index: 500;
 }
 
-#emailpw-form ul.errorlist {
-    left: 170px;
+.context-menu-dropdown li.item {
+    padding: 4px 8px 4px 8px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
 }
 
-#changepw-form li input {
-    left: 150px;
+.context-menu-dropdown li.item a {
+    color: inherit;
+    white-space: nowrap;
+    text-decoration: none;
 }
 
-#changepw-form ul.errorlist {
-    left: 150px;
+.context-menu-dropdown li.separator {
+    text-align: center;
+    padding: 10px 0 4px 0;
+    font-size: 120%;
+    font-weight: bold;
+}
+
+.context-menu-dropdown li.item:hover {
+    background-color: #3060A8;
+    color: white;
 }
 
-.narrow .summary {
+.context-menu-dropdown span {
+    margin-right: 4px;
     float: left;
+    width: 16px;
+    height: 16px;
 }
 
-.narrow .summary .question-title {
-    font-weight: bold;
-    font-size: 120%;
+.context-menu-trigger {
+    cursor: pointer;
 }
 
-.user-profile-tool-links {
-    padding-bottom: 10px;
-    font-weight: bold;
+div.dialog .dialog-content {
+    padding: 12px 12px 42px 12px;
+    z-index: 1000;
 }
 
-.post-controls {
-    float: left;
-    font-size: 11px;
-    line-height: 12px;
-    min-width: 200px;
-    margin-bottom: 5px;
+div.dialog .dialog-buttons {
+    margin: 0px;
+    height: 25px;
+    text-align: center;
+    position: absolute;
+    bottom: 0px;
+    left: 0px;
+    width: 100%;
 }
 
-#question-controls .tags {
-    margin: 0 0 3px 0;
+.dialog-yes, .dialog-no {
+    padding: 0px 5px;
+    margin: 0 3px 5px 3px;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    background-color: #3060A8;
+    color: white;
+    line-height: 20px;
+    vertical-align: baseline;
+    font-weight: bold;
+    border: 0;
 }
 
-.post-update-info-container {
-    float: right;
-    min-width: 190px;
+div.dialog.confirm, div.dialog.warning {
+    text-align: center;
 }
 
-.post-update-info {
-    display: inline-block;
-    float: right;
-    width: 190px;
-    margin-bottom: 5px;
+div.dialog.confirm {
+    font-size: 140%;
+    font-weight: bold;
 }
 
-.post-update-info p {
-    font-size: 11px;
-    line-height: 15px;
-    margin: 0 0 4px 0;
+div.dialog.prompt {
+    width: 355px;
+}
+
+div.dialog.prompt .dialog-content select, div.dialog.prompt .dialog-content textarea, div.dialog.prompt .dialog-content input[type=text] {
+    width: 100%;
     padding: 0;
+    border: 0;
 }
 
-.post-update-info img {
-    float: left;
-    width: 32px;
-    margin: 4px 8px 0 0;
+.user-prompt .prompt-buttons {
+    text-align: right;
 }
 
-.comments-container {
-    clear: both;
+.suspended-user {
+    text-decoration: line-through;
 }
 
-.admin {
-    background-color: #fff380; /* nice yellow */
-    border: 1px solid darkred;
-    padding: 0 5px 0 5px;
+.feed-icon {
+    width: 14px;
+    height: 14px;
+    display: inline-block;
 }
 
-.admin p {
-    margin-bottom: 3px;
+div#subscription_list {
+    width: 100%;
+    /*float:left;*/
 }
 
-.admin #action_status {
+.subscription_switch {
+    display: inline-block;
+    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
+    *display: inline;
+    vertical-align: baseline;
+    margin: 0 2px;
+    outline: none;
+    cursor: pointer;
     text-align: center;
-    font-weight: bold;
+    text-decoration: none;
+    font: 11px Arial, Helvetica, sans-serif;
+    padding: .2em 1em .275em;
+    text-shadow: 0 1px 1px rgba(0,0,0,.3);
+    -webkit-border-radius: .5em;
+    -moz-border-radius: .5em;
+    border-radius: .5em;
+    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+    box-shadow: 0 1px 2px rgba(0,0,0,.2);
+    color: #101010 !important;
+    border: solid 1px #b7b7b7;
+    background: #fff;
+    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
+    background: -moz-linear-gradient(top,  #fff,  #ededed);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
+}
+.subscription_switch:hover {
+    text-decoration: none;
+    background: #ededed;
+    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
+    background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
+    color: #101010 !important;
+}
+.subscription_switch:active {
+    position: relative;
+    top: 1px;
+    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
+    background: -moz-linear-gradient(top,  #ededed,  #fff);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
 }
 
-#tagSelector {
-    padding-bottom: 2px;
+div.subscription_summary {
+    border-top: 2px dotted #CCCCCE;
+    overflow: hidden;
+    padding: 3px 0px 5px 0;
+    position: relative;
+    width:100%;
+    margin-top: 5px;
 }
 
-#hideIgnoredTagsControl {
-    margin: 5px 0 0 0;
+div.subscription_title {
+    /*float:left;
+    line-height:30px;*/
+    margin-top: 5px;
+    font-size: 16px;
+    font-weight:bold;
 }
 
-#hideIgnoredTagsCb {
-    margin: 0 2px 0 1px;
+a.subscription_unsubscribe_button {
+    float:left;
+    font-size: 11px;
+    font-weight:bold;
+
+    margin-right:15px;
+    margin-top: 5px;
 }
 
-#recaptcha_widget_div {
-    width: 318px;
-    float: left;
-    clear: both;
+div.subscription_userinfo {
+    float:right;
 }
 
-p.signup_p {
-    margin: 20px 0px 0px 0px;
+div.subscription_tags {
+    font-family: sans-serif;
+    float:left;
+}
+div.subscription_tags a, span.tag {
+    background-color: #EEEEEE;
+    border-bottom: 1px solid #CCCCCC;
+    border-right: 1px solid #CCCCCC;
+    color: #777777;
+    font-size: 11px;
+    font-weight: normal;
+    padding: 1px 8px;
+    text-decoration: none;
+    white-space: nowrap;
+}
+div.subscription_tags a:hover {
+    background-color: #356FCB;
+    color: #FFFFFF;
 }
 
-.simple-subscribe-options ul {
-    list-style: none;
-    list-style-position: outside;
-    margin: 0;
+div.wmd-button {
+    color:white;
+}
+div.wmd-button-bar {
+    float:left;
 }