slitaz-forge diff forum/vanilla/themes/slitaz/design/style.css.org @ rev 37

Update laste forum theme
author Christophe Lincoln <pankso@slitaz.org>
date Sat Mar 19 16:26:12 2011 +0100 (2011-03-19)
parents
children
line diff
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/forum/vanilla/themes/slitaz/design/style.css.org	Sat Mar 19 16:26:12 2011 +0100
     1.3 @@ -0,0 +1,2712 @@
     1.4 +/*
     1.5 +Welcome to the Generic Style CSS File! Some things you should know:
     1.6 +
     1.7 +1. This file is included on all front-end/user-facing pages. Applications can
     1.8 +   override this file in their own custom files (ie. vanilla.css or
     1.9 +   conversations.css).
    1.10 +
    1.11 +2. This file is broken down into the following sections:
    1.12 +   + General Styles & Typography
    1.13 +   + Header
    1.14 +   + Main Menu
    1.15 +   + Panels / Sidebars
    1.16 +   + Activities
    1.17 +   + Profile Page
    1.18 +   + Profile Tab Menu
    1.19 +   + Thumbnail Cropper
    1.20 +   + Footer
    1.21 +*/
    1.22 +
    1.23 +/* ================================================================ Reset CSS */
    1.24 +html, body, div, span, applet, object, iframe,
    1.25 +h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    1.26 +a, abbr, acronym, address, big, cite, code,
    1.27 +del, dfn, em, font, img, ins, kbd, q, s, samp,
    1.28 +small, strike, strong, sub, sup, tt, var,
    1.29 +dl, dt, dd, ol, ul, li,
    1.30 +fieldset, form, label, legend,
    1.31 +table, caption, tbody, tfoot, thead, tr, th, td {
    1.32 +   margin: 0;
    1.33 +   padding: 0;
    1.34 +   border: 0;
    1.35 +   outline: 0;
    1.36 +   font-weight: inherit;
    1.37 +   font-style: inherit;
    1.38 +   font-size: 100%;
    1.39 +   font-family: inherit;
    1.40 +   vertical-align: baseline;
    1.41 +}
    1.42 +/* remember to define focus styles! */
    1.43 +:focus {
    1.44 +   outline: 0;
    1.45 +}
    1.46 +body {
    1.47 +   line-height: 1;
    1.48 +   color: black;
    1.49 +   background: white;
    1.50 +}
    1.51 +ol, ul {
    1.52 +   list-style: none;
    1.53 +}
    1.54 +/* tables still need 'cellspacing="0"' in the markup */
    1.55 +table {
    1.56 +   border-collapse: separate;
    1.57 +   border-spacing: 0;
    1.58 +}
    1.59 +caption, th, td {
    1.60 +   text-align: left;
    1.61 +   font-weight: normal;
    1.62 +}
    1.63 +blockquote:before, blockquote:after,
    1.64 +q:before, q:after {
    1.65 +   content: "";
    1.66 +}
    1.67 +blockquote, q {
    1.68 +   quotes: "" "";
    1.69 +}
    1.70 +
    1.71 +/* ============================================== General Styles & Typography */
    1.72 +body {
    1.73 +   color: #000;
    1.74 +	font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif;
    1.75 +	font-size: 75%;
    1.76 +	line-height: 1.7em;
    1.77 +   background: #fff;
    1.78 +   margin: 0;
    1.79 +   padding: 0;
    1.80 +   text-align: center;
    1.81 +   font-size: small;
    1.82 +}
    1.83 +#Body {
    1.84 +   width: 960px;
    1.85 +   text-align: left;
    1.86 +   margin: 15px auto 0;
    1.87 +}
    1.88 +#Content {
    1.89 +   float: left;
    1.90 +   width: 680px;
    1.91 +   margin: 0 0 40px;
    1.92 +}
    1.93 +.Hidden {
    1.94 +   display: none;
    1.95 +}
    1.96 +.nowrap {
    1.97 +   white-space: nowrap;
    1.98 +}
    1.99 +.Center {
   1.100 +	text-align: center;
   1.101 +}
   1.102 +.Right {
   1.103 +	text-align: right;
   1.104 +}
   1.105 +h1, h2, h3, h4, h5, h6 {
   1.106 +   color: #000;
   1.107 +   font-family: "Helvetica Neue",Helvetica,arial,sans-serif;
   1.108 +   font-weight: normal;
   1.109 +   margin: 0;
   1.110 +}
   1.111 +p {
   1.112 +   margin: 0.5em 0 0 0;
   1.113 +   line-height: 1.6em;
   1.114 +}
   1.115 +h1, h2 {
   1.116 +   border-bottom:1px solid #bbb;
   1.117 +   font-size:140%;
   1.118 +   font-weight:bold;
   1.119 +   margin-bottom:10px;
   1.120 +}
   1.121 +h3 {
   1.122 +   font-size:140%;
   1.123 +}
   1.124 +h4 {
   1.125 +   font-size: 120%;
   1.126 +   color: #6C6C6C;
   1.127 +}
   1.128 +h5 {
   1.129 +   font-size: 120%;
   1.130 +   color: #6C6C6C;
   1.131 +}
   1.132 +a,
   1.133 +a:link,
   1.134 +a:visited,
   1.135 +a:active {
   1.136 +   text-decoration: none;
   1.137 +   color: #1e79a7;
   1.138 +}
   1.139 +a:hover {
   1.140 +   text-decoration: none;
   1.141 +   color: #ff0084;
   1.142 +}
   1.143 +input.DateBox,
   1.144 +input.InputBox,
   1.145 +input.SmallInput,
   1.146 +textarea {
   1.147 +   font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif;
   1.148 +   color: #333;
   1.149 +   font-size: 15px;
   1.150 +   padding: 3px;
   1.151 +   margin: 0;
   1.152 +   width: 250px;
   1.153 +   border: 1px solid #aaa;
   1.154 +   border-radius: 2px;
   1.155 +	-moz-border-radius: 2px;
   1.156 +	-webkit-border-radius: 2px;
   1.157 +}
   1.158 +textarea.TextBox {
   1.159 +   width: 500px;
   1.160 +   height: 100px;
   1.161 +   min-height: 100px;
   1.162 +}
   1.163 +#Popup textarea.TextBox {
   1.164 +   width: 100%;
   1.165 +}
   1.166 +input.SmallInput,
   1.167 +input.InputBox {
   1.168 +   padding: 6px 3px;
   1.169 +}
   1.170 +input.SmallInput:focus,
   1.171 +input.InputBox:focus,
   1.172 +textarea:focus {
   1.173 +   background: #ffe;
   1.174 +}
   1.175 +textarea {
   1.176 +   line-height: 128%;
   1.177 +}
   1.178 +select {
   1.179 +   font-family: arial;
   1.180 +   font-size: 14px;
   1.181 +   color: #222;
   1.182 +   margin: 0;
   1.183 +   padding: 3px;
   1.184 +   }
   1.185 +a.Button,
   1.186 +.Button {
   1.187 +   cursor: pointer;
   1.188 +   margin: 0;
   1.189 +   font-size: 11px;
   1.190 +   padding: 4px;
   1.191 +   background: url('images/buttonbg.png') repeat-x center left #f8f8f8;
   1.192 +   color: #02475A;
   1.193 +	text-shadow: 0 1px 0 #fff;
   1.194 +   border: 1px solid #999;
   1.195 +   border-radius: 3px;
   1.196 +   -moz-border-radius: 3px;
   1.197 +   -webkit-border-radius: 3px;
   1.198 +	box-shadow: 0px 0px 2px #999;
   1.199 +	-moz-box-shadow: 0px 0px 2px #999;
   1.200 +	-webkit-box-shadow: 0px 0px 2px #999;  
   1.201 +   }
   1.202 +input.Button {
   1.203 +	font-size: 14px;
   1.204 +   font-weight: bold;
   1.205 +}
   1.206 +.Button:hover {
   1.207 +   color: #111;
   1.208 +   border: 1px solid #666;
   1.209 +}
   1.210 +.Button:focus {
   1.211 +   background: #eee;
   1.212 +}
   1.213 +.Loading {
   1.214 +   height: 100px;
   1.215 +   padding: 0 20px;
   1.216 +   background: url('images/progress.gif') center center no-repeat;
   1.217 +}
   1.218 +.Progress {
   1.219 +   padding: 10px 40px 10px 0;
   1.220 +   background: url('images/progress.gif') center center no-repeat;
   1.221 +}
   1.222 +.TinyProgress {
   1.223 +	padding: 10px 40px 10px 0;
   1.224 +	background: url('images/progress_sm.gif') center center no-repeat;
   1.225 +}
   1.226 +/* Note: Messages are the yellow notices that appear at the top/center of the
   1.227 +  page to notify users of things like drafts being saved, etc. */
   1.228 +div.Messages {
   1.229 +   text-align: center !important;
   1.230 +   position: fixed;
   1.231 +   top: 0;
   1.232 +   left: 0;
   1.233 +   z-index: 200;
   1.234 +   margin: 0 !important;
   1.235 +   padding: 0 !important;
   1.236 +   list-style: none !important;
   1.237 +   font-size: 12px;
   1.238 +   display: block;
   1.239 +   width: 100%;
   1.240 +}
   1.241 +* html div.Messages {
   1.242 +  position: absolute;
   1.243 +  width: 100%;/*IE5.5*/
   1.244 +  top: 0;
   1.245 +  left: 0;
   1.246 +  overflow: visible; 
   1.247 +  top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
   1.248 +}
   1.249 +div.Messages ul {
   1.250 +   cursor: pointer;
   1.251 +   width: auto !important;
   1.252 +   border: 0 !important;
   1.253 +   margin: 0 auto !important;
   1.254 +   padding: 4px 8px !important;
   1.255 +   border-bottom-left-radius: 2px;
   1.256 +   border-bottom-right-radius: 2px;
   1.257 +   -moz-border-radius-bottomleft: 2px;
   1.258 +   -moz-border-radius-bottomright: 2px;
   1.259 +   -webkit-border-bottom-left-radius: 2px;
   1.260 +   -webkit-border-bottom-right-radius: 2px;
   1.261 +   background: #ff9 !important;
   1.262 +   display:-moz-inline-stack;
   1.263 +   display:inline-block;
   1.264 +   zoom:1;
   1.265 +   *display:inline;
   1.266 +	box-shadow: 0px 0px 2px #333;
   1.267 +	-moz-box-shadow: 0px 0px 2px #333;
   1.268 +	-webkit-box-shadow: 0px 0px 2px #333;  
   1.269 +}
   1.270 +div.Messages ul li {
   1.271 +   text-align: left !important;
   1.272 +   border: 0 !important;
   1.273 +   color: #000 !important;
   1.274 +   padding: 0 !important;
   1.275 +   margin: 0 !important;
   1.276 +   list-style-position: outside;
   1.277 +}
   1.278 +div.Errors ul {
   1.279 +   background: #d50a0a !important;
   1.280 +}
   1.281 +div.Errors ul li {
   1.282 +   color: #fff !important;
   1.283 +   background: #d50a0a !important;
   1.284 +}
   1.285 +.Conversations .Deleted {
   1.286 +   text-decoration: line-through;
   1.287 +}
   1.288 +div.Deleted {
   1.289 +	background: #f5f5f5;
   1.290 +	border: 1px solid #dddddd;
   1.291 +	margin: 10px 0 0;
   1.292 +	padding: 6px 10px;
   1.293 +   border-radius: 3px;
   1.294 +   -moz-border-radius: 3px;
   1.295 +   -webkit-border-radius: 3px;
   1.296 +}
   1.297 +/* Note: Warning, Alert & Info are simple boxes that can be used to wrap message
   1.298 +   strings & imply importance. */
   1.299 +.Warning {
   1.300 +   background: #ffc;
   1.301 +   border: 1px solid #ff9;
   1.302 +   color: #000;
   1.303 +   padding: 6px 8px;
   1.304 +   border-radius: 3px;
   1.305 +   -moz-border-radius: 3px;
   1.306 +   -webkit-border-radius: 3px;
   1.307 +}
   1.308 +.Alert {
   1.309 +   background: #d00;
   1.310 +   border: 1px solid #b00;
   1.311 +   color: #fff;
   1.312 +   padding: 3px 6px;
   1.313 +   border-radius: 3px;
   1.314 +   -moz-border-radius: 3px;
   1.315 +   -webkit-border-radius: 3px;
   1.316 +}
   1.317 +.Alert a {
   1.318 +   color: #fff;
   1.319 +}
   1.320 +.Alert a:hover {
   1.321 +   text-decoration: underline;
   1.322 +}
   1.323 +div.Info {
   1.324 +   font-size: 13px;
   1.325 +   background: #fafafa;
   1.326 +   border: 1px solid #eee;
   1.327 +   color: #888;
   1.328 +   -moz-border-radius: 4px;
   1.329 +   -webkit-border-radius: 4px;
   1.330 +   border-radius: 4px;
   1.331 +   padding: 6px;
   1.332 +   margin: 0 0 10px;
   1.333 +}
   1.334 +div.Info strong {
   1.335 +	font-weight: bold;
   1.336 +}
   1.337 +/* Note: The MessageModule (in /applications/dashboard/modules) wraps all messages
   1.338 +  that it renders in a div with this DismissMessage class. */
   1.339 +div.DismissMessage {
   1.340 +   margin: 6px 0 10px;
   1.341 +	text-align: left;
   1.342 +	position: relative;
   1.343 +}
   1.344 +div.DismissMessage p {
   1.345 +   margin: 2px 0;
   1.346 +}
   1.347 +div.DismissMessage a.Dismiss {
   1.348 +	font-family: arial;
   1.349 +   position: absolute;
   1.350 +	font-size: 22px;
   1.351 +	font-weight: bold;
   1.352 +   line-height: 1;
   1.353 +   color: #999;
   1.354 +	top: 3px;
   1.355 +	right: 5px;
   1.356 +}
   1.357 +div.DismissMessage a.Dismiss:hover {
   1.358 +	color: #ff0084;
   1.359 +}
   1.360 +#PagerLess {
   1.361 +   -moz-border-radius-topright: 2px;
   1.362 +   -moz-border-radius-topleft: 2px;
   1.363 +   -webkit-border-top-right-radius: 2px;
   1.364 +   -webkit-border-top-left-radius: 2px;
   1.365 +   border-radius-topright: 2px;
   1.366 +   border-radius-topleft: 2px;
   1.367 +   margin-bottom: 1px;
   1.368 +	text-align: left;
   1.369 +}
   1.370 +div.MorePager a.Loading {
   1.371 +	border: 0 !important;
   1.372 +   padding: 0 20px !important;
   1.373 +   background: url('images/progress.gif') center center no-repeat !important;
   1.374 +}
   1.375 +#PagerMore {
   1.376 +   margin-bottom: 1px;
   1.377 +}
   1.378 +.NumberedPager {
   1.379 +   margin: 1px 0 0;
   1.380 +	text-align: right;
   1.381 +	font-weight: bold;
   1.382 +	font-size: 16px;
   1.383 +}
   1.384 +#PagerBefore {
   1.385 +   margin: 1px 0;
   1.386 +}
   1.387 +.NumberedPager a,
   1.388 +.NumberedPager span {
   1.389 +	padding: 0 4px;
   1.390 +}
   1.391 +.NumberedPager span,
   1.392 +.NumberedPager a.Highlight {
   1.393 +	color: #777;
   1.394 +}
   1.395 +.NumberedPager a.Next,
   1.396 +.NumberedPager span.Next,
   1.397 +.NumberedPager a.Previous,
   1.398 +.NumberedPager span.Previous {
   1.399 +	font-size: 16px;
   1.400 +	line-height: 10px;
   1.401 +}
   1.402 +.NumberedPager a.Next,
   1.403 +.NumberedPager span.Next {
   1.404 +	margin-left: 6px;
   1.405 +}
   1.406 +.NumberedPager a.Previous,
   1.407 +.NumberedPager span.Previous {
   1.408 +	margin-right: 6px;
   1.409 +}
   1.410 +
   1.411 +
   1.412 +/* =================================================================== Header */
   1.413 +#Head {
   1.414 +   background: #38abe3;
   1.415 +   padding: 0;
   1.416 +}
   1.417 +div.Search:after,
   1.418 +div#Search:after {
   1.419 +   content: ".";
   1.420 +   display: block;
   1.421 +   height: 0;
   1.422 +   clear: both;
   1.423 +   visibility: hidden;
   1.424 +}
   1.425 +body #Head h1 {
   1.426 +   display: inline-block;
   1.427 +   font-weight: bold;
   1.428 +   margin: 0;
   1.429 +   padding: 21px 10px 4px 0;
   1.430 +   border: 0;
   1.431 +}
   1.432 +#Head h1 a span {
   1.433 +   font-size: 24px;
   1.434 +   color:#E4F7FE;
   1.435 +   text-shadow:0 1px 0 #2595ba;   
   1.436 +}
   1.437 +#Head h1 a:hover span {
   1.438 +   color:#f3fcff;
   1.439 +}
   1.440 +#Head form {
   1.441 +   float: right;
   1.442 +   width: 250px;
   1.443 +   background: #fff;
   1.444 +   padding: 0;
   1.445 +   margin: 15px 0 0;
   1.446 +   -moz-border-radius: 2px;
   1.447 +   -webkit-border-radius: 2px;
   1.448 +   border-radius: 2px;
   1.449 +}
   1.450 +#Head form input.InputBox {
   1.451 +   width: 204px;
   1.452 +   border: 0;
   1.453 +   padding: 4px 2px 4px 0;
   1.454 +   background: #fff;
   1.455 +   margin: 0;
   1.456 +   -moz-border-radius-topleft: 2px;
   1.457 +   -moz-border-radius-bottomleft: 2px;
   1.458 +   -webkit-border-top-left-radius: 2px;
   1.459 +   -webkit-border-bottom-left-radius: 2px;
   1.460 +   border-top-left-radius: 2px;
   1.461 +   border-bottom-left-radius: 2px;
   1.462 +   color: #969696;
   1.463 +   font-size: 13px;
   1.464 +}
   1.465 +#Head form input.Button {
   1.466 +   border: 0;
   1.467 +   width: 38px;
   1.468 +   height: 26px;
   1.469 +   background: #cfecff;
   1.470 +   color: #1e79a7;
   1.471 +   padding: 3px 0 4px;
   1.472 +   margin: 0;
   1.473 +   -moz-border-radius: 0;
   1.474 +   -webkit-border-radius: 0;
   1.475 +   border-radius: 0;
   1.476 +   -moz-border-radius-topright: 2px;
   1.477 +   -moz-border-radius-bottomright: 2px;
   1.478 +   -webkit-border-top-right-radius: 2px;
   1.479 +   -webkit-border-bottom-right-radius: 2px;
   1.480 +   border-top-right-radius: 2px;
   1.481 +   border-bottom-right-radius: 2px;
   1.482 +  	box-shadow: none;
   1.483 +	-moz-box-shadow: none;
   1.484 +	-webkit-box-shadow: none;     	
   1.485 +}
   1.486 +#Menu ul {
   1.487 +	display: none;
   1.488 +}
   1.489 +#Menu li {
   1.490 +   line-height: 27px;
   1.491 +   float: left;
   1.492 +   position: relative;
   1.493 +   display: block;
   1.494 +   list-style: none;
   1.495 +   padding: 0;
   1.496 +   margin: 0 4px 0 0;
   1.497 +   font-weight: bold;
   1.498 +   text-align: left;
   1.499 +}
   1.500 +* html #Menu li {
   1.501 +	display: inline;
   1.502 +}
   1.503 +#Menu a {
   1.504 +   border: 0;
   1.505 +   text-decoration: none;
   1.506 +   position: relative;
   1.507 +	display: block;
   1.508 +   padding: 0 7px;
   1.509 +   white-space: nowrap;
   1.510 +   font-size: 11px;
   1.511 +   height: 28px;
   1.512 +}
   1.513 +* html #Menu a  {
   1.514 +   display: inline;
   1.515 +   padding: 6px 10px;
   1.516 +}
   1.517 +#Menu li.NonTab,
   1.518 +#Menu li.NonTab a {
   1.519 +   background: transparent;
   1.520 +   border: 0;
   1.521 +   font-weight: normal;
   1.522 +}
   1.523 +#Menu a span,
   1.524 +#Menu li.Active a span,
   1.525 +#Menu li.Highlight a:hover span {
   1.526 +   -moz-border-radius: 2px;
   1.527 +   -webkit-border-radius: 2px;
   1.528 +   border-radius: 2px;
   1.529 +   padding: 0 2px;
   1.530 +   font-size: 9px;
   1.531 +   line-height: 12px;
   1.532 +   font-weight: normal;
   1.533 +}
   1.534 +
   1.535 +/* Option (dropdown) Menus
   1.536 +
   1.537 +Menu takes a z-index of 100
   1.538 +Option menu takes a z-index of 300
   1.539 +
   1.540 +*/
   1.541 +ul.Options,
   1.542 +ul.Options ul {
   1.543 +   margin: 0;
   1.544 +   padding: 0;
   1.545 +   display: none;
   1.546 +}
   1.547 +ul.Options {
   1.548 +   z-index: 298;
   1.549 +}
   1.550 +ul.Options ul {
   1.551 +   z-index: 300;
   1.552 +   position: absolute;
   1.553 +}
   1.554 +ul.Options li {
   1.555 +   float: right;
   1.556 +   position: relative;
   1.557 +   display: block;
   1.558 +   list-style: none outside none;
   1.559 +   padding: 0;
   1.560 +   font-size: 11px;
   1.561 +   line-height: 22px;
   1.562 +}
   1.563 +ul.Options h3 {
   1.564 +   display: block;
   1.565 +   cursor: pointer;
   1.566 +   margin: 0;
   1.567 +   padding: 0;
   1.568 +}
   1.569 +ul.Options li ul li {
   1.570 +   float: none;
   1.571 +   text-align: left;
   1.572 +   margin: 0;
   1.573 +   font-weight: normal;
   1.574 +}
   1.575 +ul.Options li ul li a {
   1.576 +   width: 104px;
   1.577 +   padding: 0 6px;
   1.578 +   height: auto;
   1.579 +}
   1.580 +ul.Options a {
   1.581 +   text-decoration: none;
   1.582 +   display: block;
   1.583 +   position: relative;
   1.584 +   white-space: nowrap;
   1.585 +   font-size: 11px;
   1.586 +}
   1.587 +ul.Options ul li {
   1.588 +   display: block;
   1.589 +   float: none;
   1.590 +}
   1.591 +ul.Options li.Parent strong {
   1.592 +   display: block;
   1.593 +   padding: 4px;
   1.594 +   margin: 3px 4px 0 0;
   1.595 +   font-size: 10px;
   1.596 +   font-weight: normal;
   1.597 +   background: url('images/buttonbg.png') repeat-x center left #f8f8f8;
   1.598 +   border: 1px solid #bbb;
   1.599 +   -moz-border-radius: 2px;
   1.600 +   -webkit-border-radius: 2px;
   1.601 +   border-radius: 2px;
   1.602 +   color: #555;
   1.603 +   cursor: pointer;
   1.604 +   line-height: 100%;
   1.605 +}
   1.606 +ul.Options li.Parent strong:focus,
   1.607 +ul.Options li.Parent strong:hover {
   1.608 +   color: #333;
   1.609 +   border: 1px solid #888;
   1.610 +}
   1.611 +ul.Options li.Parent strong:focus {
   1.612 +   background: #eee;
   1.613 +}
   1.614 +ul.Options li.Active strong:hover,
   1.615 +ul.Options li.Active strong {
   1.616 +   color: #fff;
   1.617 +   background: #9c9c9c !important;
   1.618 +   border: 1px solid #9c9c9c;
   1.619 +   -moz-border-radius-bottomleft: 0;
   1.620 +   -moz-border-radius-bottomright: 0;
   1.621 +   -webkit-border-bottom-left-radius: 0;
   1.622 +   -webkit-border-bottom-right-radius: 0;
   1.623 +   border-bottom-left-radius: 0;
   1.624 +   border-bottom-right-radius: 0;
   1.625 +}
   1.626 +ul.Options li.Active {
   1.627 +   background: none;
   1.628 +}
   1.629 +ul.Options li.Active ul {
   1.630 +   border: 1px solid #9c9c9c;
   1.631 +   background: #fafafa;
   1.632 +   -moz-border-radius-bottomleft: 2px;
   1.633 +   -moz-border-radius-bottomright: 2px;
   1.634 +   -webkit-border-bottom-left-radius: 2px;
   1.635 +   -webkit-border-bottom-right-radius: 2px;
   1.636 +   border-bottom-left-radius: 2px;
   1.637 +   border-bottom-right-radius: 2px;
   1.638 +}
   1.639 +ul.Options li.Active ul li a {
   1.640 +   background: none;
   1.641 +}
   1.642 +ul.Options li.Active a {
   1.643 +   background: #efefef;
   1.644 +   color: #595959;
   1.645 +}
   1.646 +ul.Options li.Active a:hover {
   1.647 +   background: #8d8d8d;
   1.648 +   color: #fff;
   1.649 +}
   1.650 +ul.Options li.Parent strong:hover,
   1.651 +ul.Options li.Active strong:hover,
   1.652 +ul.Options li.Active strong,
   1.653 +ul.Options li.Active ul {
   1.654 +  	box-shadow: 0px 0px 2px #999;
   1.655 +	-moz-box-shadow: 0 0 2px #999;
   1.656 +	-webkit-box-shadow: 0px 0px 2px #999;     
   1.657 +}
   1.658 +.Center {
   1.659 +   text-align: center;
   1.660 +}
   1.661 +
   1.662 +
   1.663 +/* ================================================================ Main Menu */
   1.664 +div.Menu {
   1.665 +   width: 960px;
   1.666 +   margin: 0 auto;
   1.667 +   position: relative;
   1.668 +   text-align: left;
   1.669 +   vertical-align: bottom;
   1.670 +}
   1.671 +ul#Menu {
   1.672 +   display: inline-block;
   1.673 +   margin-right: 280px;
   1.674 +   vertical-align: bottom;
   1.675 +}
   1.676 +#Menu ul,
   1.677 +#Menu li.Active {
   1.678 +   background: #38abe3;
   1.679 +}
   1.680 +#Menu a,
   1.681 +#Menu li.Active a {
   1.682 +   color: #fff;
   1.683 +}
   1.684 +#Menu a:hover {
   1.685 +   background: #2595cb;
   1.686 +}
   1.687 +#Menu a:hover,
   1.688 +#Menu li.NonTab a:hover {
   1.689 +   color: #fff !important;
   1.690 +}
   1.691 +/* Numbers next to menu items */
   1.692 +#Menu a span,
   1.693 +#Menu li.Active a span,
   1.694 +#Menu li.Highlight a:hover span {
   1.695 +   background: #f2fcff;
   1.696 +   color: #299fc7;
   1.697 +}
   1.698 +
   1.699 +#Head .Search, #Head #Search {
   1.700 +   position: absolute;
   1.701 +   right: 0;
   1.702 +   bottom: 6px;
   1.703 +   text-align: right;
   1.704 +}
   1.705 +
   1.706 +/* ======================================================== Panels / Sidebars */
   1.707 +#Panel {
   1.708 +   width: 250px;
   1.709 +   float: right;
   1.710 +}
   1.711 +div.Box {
   1.712 +   border-radius: 1px;
   1.713 +   -moz-border-radius: 1px;
   1.714 +   -webkit-border-radius: 1px;
   1.715 +   background: #cfecff;
   1.716 +   color: #888;
   1.717 +   padding: 6px 10px;
   1.718 +   margin: 0 0 10px;
   1.719 +	box-shadow: 0px 0px 2px #999;
   1.720 +	-moz-box-shadow: 0px 0px 2px #999;
   1.721 +	-webkit-box-shadow: 0px 0px 2px #999;  
   1.722 +}
   1.723 +div.Box h4 {
   1.724 +   font-size: 110%;
   1.725 +   color: #1e79a7;
   1.726 +   font-weight: bold;
   1.727 +   margin: 0;
   1.728 +   padding: 0 0 1px;
   1.729 +}
   1.730 +div.Box dl {
   1.731 +   overflow: hidden;
   1.732 +}
   1.733 +div.Box dl dt {
   1.734 +	font-size: 12px;
   1.735 +   float: left;
   1.736 +   width: 80px;
   1.737 +   color: #555;
   1.738 +}
   1.739 +div.Box dl dd {
   1.740 +	font-size: 12px;
   1.741 +   margin-left: 80px;
   1.742 +}
   1.743 +div.Box p {
   1.744 +   font-size: 100%;
   1.745 +   padding: 0 0 4px;
   1.746 +   color: #555;
   1.747 +}
   1.748 +ul.PanelActivity {
   1.749 +   border-top: 1px solid #abdafb;
   1.750 +	border-bottom: 0;
   1.751 +}
   1.752 +ul.PanelActivity li {
   1.753 +   background: #e3f4ff;
   1.754 +   border-bottom: 1px solid #abdafb;
   1.755 +   padding: 2px 4px;
   1.756 +	color: #555;
   1.757 +	font-size: 11px;
   1.758 +	line-height: 1.6;
   1.759 +}
   1.760 +ul.PanelActivity li a {
   1.761 +	font-size: 13px;
   1.762 +}
   1.763 +ul.PanelActivity li a.Name {
   1.764 +	margin-right: 2px;
   1.765 +}
   1.766 +ul.PanelActivity span {
   1.767 +	padding: 0 4px;
   1.768 +}
   1.769 +ul.PanelActivity p {
   1.770 +	padding: 0 4px;
   1.771 +	display: inline;
   1.772 +	font-size: 90%;
   1.773 +}
   1.774 +ul.PanelActivity li em {
   1.775 +	padding-left: 5px;
   1.776 +	color: #777;
   1.777 +	font-size: 80%;
   1.778 +}
   1.779 +ul.PanelActivity li div.Story {
   1.780 +	font-size: 85%;
   1.781 +}
   1.782 +ul.PanelInfo li {
   1.783 +   background: #e3f4ff;
   1.784 +   border-bottom: 1px solid #abdafb;
   1.785 +   padding: 2px 4px;
   1.786 +   text-align: right;
   1.787 +}
   1.788 +ul.PanelInfo li.Heading {
   1.789 +   text-align: left;
   1.790 +   color: #000;
   1.791 +   font-weight: bold;
   1.792 +}
   1.793 +ul.PanelInfo {
   1.794 +   border-top: 1px solid #abdafb;
   1.795 +	border-bottom: 0;
   1.796 +}
   1.797 +ul.PanelInfo li strong {
   1.798 +   font-weight: normal;
   1.799 +   text-align: left;
   1.800 +   font-weight: normal;
   1.801 +}
   1.802 +ul.PanelInfo li a {
   1.803 +   float: left;
   1.804 +}
   1.805 +ul.PanelInfo div.Meta {
   1.806 +   font-size: 11px;
   1.807 +}
   1.808 +ul.PanelInfo div.Meta span,
   1.809 +ul.PanelInfo div.Meta strong {
   1.810 +   margin-right: 8px;
   1.811 +}
   1.812 +ul.PanelInfo div.Meta span a {
   1.813 +   margin-left: 8px;
   1.814 +}
   1.815 +ul.PanelInfo div.Meta strong {
   1.816 +	display: inline;
   1.817 +   border-radius: 2px;
   1.818 +   -moz-border-radius: 2px;
   1.819 +   -webkit-border-radius: 2px;
   1.820 +	/*
   1.821 +	box-shadow: 0px 0px 2px #777;
   1.822 +	-moz-box-shadow: 0px 0px 2px #777;
   1.823 +	-webkit-box-shadow: 0px 0px 2px #777;
   1.824 +	*/
   1.825 +	background: #FF0;
   1.826 +	color:#000;
   1.827 +	font-size:9px;
   1.828 +	font-weight:bold;
   1.829 +	padding: 3px;
   1.830 +	line-height: 1;
   1.831 +}
   1.832 +ul.PanelInfo li.Parent {
   1.833 +	text-align: left;
   1.834 +	font-weight: bold;
   1.835 +	background: none;
   1.836 +	color: #333;
   1.837 +	padding: 2px 0;
   1.838 +}
   1.839 +ul.PanelInfo li.Active {
   1.840 +   background: #fff;
   1.841 +   border-bottom: 1px solid #a3e6ff;
   1.842 +}
   1.843 +ul.PanelInfo li.Active a {
   1.844 +   color: #1e79a7;
   1.845 +}
   1.846 +ul.PanelActivity li.ShowAll,
   1.847 +ul.PanelInfo li.ShowAll {
   1.848 +   font-weight: bold;
   1.849 +   border: 0;
   1.850 +   text-align: right;
   1.851 +	background: none;
   1.852 +}
   1.853 +#UserOptions {
   1.854 +	margin-bottom: 10px;
   1.855 +}
   1.856 +body.Profile ul.PanelInfo {
   1.857 +   border-bottom: 1px solid #abdafb;
   1.858 +}
   1.859 +body.Profile ul.PanelInfo li {
   1.860 +	border-bottom: 0;
   1.861 +	text-align: left;
   1.862 +}
   1.863 +body.Profile ul.PanelInfo li a {
   1.864 +   float: none;
   1.865 +}
   1.866 +a.BigButton {
   1.867 +   text-align: center;
   1.868 +   display: block;
   1.869 +   cursor: pointer;
   1.870 +   margin: 0 0 10px;
   1.871 +   font-size: 15px;
   1.872 +   font-weight: bold;
   1.873 +   padding: 8px 0;
   1.874 +   background: url('images/buttonbg.png') repeat-x center left #f8f8f8;
   1.875 +   color: #02475A;
   1.876 +	text-shadow: 0 1px 0 #fff;
   1.877 +   border: 1px solid #999;
   1.878 +   border-radius: 3px;
   1.879 +   -moz-border-radius: 3px;
   1.880 +   -webkit-border-radius: 3px;
   1.881 +	box-shadow: 0px 0px 2px #999;
   1.882 +	-moz-box-shadow: 0px 0px 2px #999;
   1.883 +	-webkit-box-shadow: 0px 0px 2px #999;  
   1.884 +   }
   1.885 +a.BigButton:hover {
   1.886 +   color: #111;
   1.887 +   border: 1px solid #666;
   1.888 +	box-shadow: 0px 0px 5px #aaa;
   1.889 +	-moz-box-shadow: 0px 0px 5px #aaa;
   1.890 +	-webkit-box-shadow: 0px 0px 5px #aaa;  
   1.891 +}
   1.892 +a.BigButton:focus {
   1.893 +   background: #eee;
   1.894 +	box-shadow: 0px 0px 2px #999;
   1.895 +	-moz-box-shadow: 0px 0px 2px #999;
   1.896 +	-webkit-box-shadow: 0px 0px 2px #999;  
   1.897 +}
   1.898 +/* Category Depths */
   1.899 +ul.PanelCategories li.Depth2 { padding-left: 8px; }
   1.900 +ul.PanelCategories li.Depth3 { padding-left: 12px; }
   1.901 +ul.PanelCategories li.Depth4 { padding-left: 16px; }
   1.902 +ul.PanelCategories li.Depth5 { padding-left: 20px; }
   1.903 +ul.PanelCategories li.Depth6 { padding-left: 24px; }
   1.904 +ul.PanelCategories li.Depth7 { padding-left: 28px; }
   1.905 +ul.PanelCategories li.Depth8 { padding-left: 32px; }
   1.906 +ul.PanelCategories li.Depth9 { padding-left: 36px; }
   1.907 +ul.PanelCategories li.Depth10 { padding-left: 40px; }
   1.908 +ul.PanelCategories li.Depth11 { padding-left: 44px; }
   1.909 +ul.PanelCategories li.Depth12 { padding-left: 48px; }
   1.910 +ul.CategoryList li.Depth2 { padding-left: 25px !important; }
   1.911 +ul.CategoryList li.Depth3 { padding-left: 50px !important; }
   1.912 +ul.CategoryList li.Depth4 { padding-left: 75px !important; }
   1.913 +ul.CategoryList li.Depth5 { padding-left: 100px !important; }
   1.914 +ul.CategoryList li.Depth6 { padding-left: 125px !important; }
   1.915 +ul.CategoryList li.Depth7 { padding-left: 150px !important; }
   1.916 +ul.CategoryList li.Depth8 { padding-left: 175px !important; }
   1.917 +ul.CategoryList li.Depth9 { padding-left: 200px !important; }
   1.918 +ul.CategoryList li.Depth10 { padding-left: 225px !important; }
   1.919 +ul.CategoryList li.Depth11 { padding-left: 250px !important; }
   1.920 +ul.CategoryList li.Depth12 { padding-left: 275px !important; }
   1.921 +ul.CategoryListWithHeadings li.Depth2 { padding-left: 0 !important; }
   1.922 +ul.CategoryListWithHeadings li.Depth3 { padding-left: 25px !important; }
   1.923 +ul.CategoryListWithHeadings li.Depth4 { padding-left: 50px !important; }
   1.924 +ul.CategoryListWithHeadings li.Depth5 { padding-left: 75px !important; }
   1.925 +ul.CategoryListWithHeadings li.Depth6 { padding-left: 100px !important; }
   1.926 +ul.CategoryListWithHeadings li.Depth7 { padding-left: 125px !important; }
   1.927 +ul.CategoryListWithHeadings li.Depth8 { padding-left: 150px !important; }
   1.928 +ul.CategoryListWithHeadings li.Depth9 { padding-left: 175px !important; }
   1.929 +ul.CategoryListWithHeadings li.Depth10 { padding-left: 200px !important; }
   1.930 +ul.CategoryListWithHeadings li.Depth11 { padding-left: 225px !important; }
   1.931 +ul.CategoryListWithHeadings li.Depth12 { padding-left: 250px !important; }
   1.932 +
   1.933 +div.Box.RecentUsers {
   1.934 +	float: left;
   1.935 +}
   1.936 +div.Icons a {
   1.937 +	display: block;
   1.938 +	margin: 0 2px 2px 0;
   1.939 +	float: left;
   1.940 +}
   1.941 +div.Icons img {
   1.942 +	display: block;
   1.943 +	height: 44px;
   1.944 +	width: 44px;
   1.945 +	overflow: hidden;
   1.946 +	background: #c4cde0;
   1.947 +	color: #c4cde0;
   1.948 +	text-indent: 50px;
   1.949 +}
   1.950 +
   1.951 +/* ================================================ DataList (Search Results) */
   1.952 +/* Note: DataList is used in search results, vanilla discussions & drafts */
   1.953 +div.Empty {
   1.954 +   margin: 10px 0;
   1.955 +}
   1.956 +ul.DataList li.Item {
   1.957 +   margin: 0;
   1.958 +   padding: 4px 0;
   1.959 +   border-bottom: 1px solid #bec8cc;
   1.960 +}
   1.961 +ul.DataList li.Item li.Item {
   1.962 +   border-bottom: none;
   1.963 +}
   1.964 +ul.DataList li {
   1.965 +   border: 0;
   1.966 +   padding: 0;
   1.967 +	position: relative;
   1.968 +}
   1.969 +ul.DataList div.Options {
   1.970 +	position: absolute;
   1.971 +	right: 0;
   1.972 +	width:100px;
   1.973 +}
   1.974 +ul.DataList div.OptionButton {
   1.975 +	position: absolute;
   1.976 +	top: 0;
   1.977 +	right: 0;
   1.978 +}
   1.979 +ul.DataList a.Title {
   1.980 +   display: block;
   1.981 +   margin: 0;
   1.982 +   font-size: 14px;
   1.983 +   font-weight: bold;
   1.984 +}
   1.985 +ul.DataList div.Title {
   1.986 +   display: block;
   1.987 +   margin: 0;
   1.988 +}
   1.989 +ul.DataList div.Title a {
   1.990 +   font-size: 120%;
   1.991 +   font-weight: bold;
   1.992 +}
   1.993 +ul.DataList div.Meta {
   1.994 +   font-size: 11px;
   1.995 +   color: #70727c;
   1.996 +}
   1.997 +ul.DataList div.Excerpt {
   1.998 +   font-size: 12px;
   1.999 +	line-height: 1.4;
  1.1000 +}
  1.1001 +ul.DataList div.Excerpt a {
  1.1002 +   color: #333;
  1.1003 +	display: block;
  1.1004 +}
  1.1005 +ul.DataList div.Excerpt p {
  1.1006 +	display: inline;
  1.1007 +	padding: 0;
  1.1008 +}
  1.1009 +/* ul.DataList div.Meta span a, */
  1.1010 +ul.DataList div.Meta span,
  1.1011 +ul.DataList div.Meta strong {
  1.1012 +   margin-right: 12px;
  1.1013 +}
  1.1014 +ul.DataList div.Meta strong {
  1.1015 +   border-radius: 2px;
  1.1016 +   -moz-border-radius: 2px;
  1.1017 +   -webkit-border-radius: 2px;
  1.1018 +	/*
  1.1019 +	box-shadow: 0px 0px 2px #777;
  1.1020 +	-moz-box-shadow: 0px 0px 2px #777;
  1.1021 +	-webkit-box-shadow: 0px 0px 2px #777;
  1.1022 +	*/
  1.1023 +	background: #FF0;
  1.1024 +	color:#000;
  1.1025 +	font-size:9px;
  1.1026 +	font-weight:bold;
  1.1027 +	padding: 3px;
  1.1028 +	line-height: 1;
  1.1029 +}
  1.1030 +ul.DataList div.Meta a {
  1.1031 +   color: #2b2d33;
  1.1032 +}
  1.1033 +ul.DataList a.Delete {
  1.1034 +   width: auto;
  1.1035 +   padding: 0 5px;
  1.1036 +   margin: 0 1px 0 0;
  1.1037 +   font-size: 11px;
  1.1038 +   font-weight: normal;
  1.1039 +   border-radius: 2px;
  1.1040 +   -moz-border-radius: 2px;
  1.1041 +   -webkit-border-radius: 2px;
  1.1042 +   color: #555;
  1.1043 +   cursor: pointer;
  1.1044 +   line-height: 1;
  1.1045 +}
  1.1046 +ul.DataList a.Delete:hover {
  1.1047 +	padding: 4px;
  1.1048 +   color: #333;
  1.1049 +   border: 1px solid #888;
  1.1050 +   background: url('images/buttonbg.png') repeat-x center left #f8f8f8;
  1.1051 +}
  1.1052 +ul.DataList a.Delete:focus {
  1.1053 +   background: #f8f8f8;
  1.1054 +}
  1.1055 +/* Condensed datalists make the main link & excerpt inline. */
  1.1056 +ul.DataList div.Photo {
  1.1057 +	float: left;
  1.1058 +	padding: 0 10px 0 0;
  1.1059 +	font-size: 11px;
  1.1060 +}
  1.1061 +ul.DataList div.Photo img {
  1.1062 +	display: block;
  1.1063 +	height: 43px;
  1.1064 +	width: 43px;
  1.1065 +	overflow: hidden;
  1.1066 +	background: #eee;
  1.1067 +}
  1.1068 +ul.Condensed li,
  1.1069 +li.Condensed {
  1.1070 +	clear: left;
  1.1071 +}
  1.1072 +ul.Condensed a.Title,
  1.1073 +li.Condensed a.Title,
  1.1074 +ul.Condensed div.Title,
  1.1075 +li.Condensed div.Title {
  1.1076 +	display: inline;
  1.1077 +	padding: 0;
  1.1078 +}
  1.1079 +ul.Condensed div.Excerpt,
  1.1080 +li.Condensed div.Excerpt {
  1.1081 +	display: inline;
  1.1082 +}
  1.1083 +ul.Condensed div.Excerpt a,
  1.1084 +li.Condensed div.Excerpt a {
  1.1085 +	display: block;
  1.1086 +	padding: 3px 0;
  1.1087 +}
  1.1088 +
  1.1089 +/* =============================================================== Activities */
  1.1090 +
  1.1091 +body.Activity h1 {
  1.1092 +   margin: 0;
  1.1093 +}
  1.1094 +body.Profile ul.Activities {
  1.1095 +   margin-top: 10px;
  1.1096 +   border-top: 1px solid #ddd;
  1.1097 +}
  1.1098 +ul.Activities li.HasPhoto div.Title {
  1.1099 +	padding: 0;
  1.1100 +}
  1.1101 +ul.Activities a.Title,
  1.1102 +ul.Activities div.Title,
  1.1103 +ul.Activities div.Title a {
  1.1104 +	font-size: 14px;
  1.1105 +}
  1.1106 +ul.Activities div.Excerpt {
  1.1107 +	color: #80828C;
  1.1108 +}
  1.1109 +ul.Activities li.Condensed div.Excerpt {
  1.1110 +	color: #000;
  1.1111 +	font-size: 13px;
  1.1112 +	padding: 0 0 0 4px;
  1.1113 +}
  1.1114 +ul.Activities div.Excerpt a,
  1.1115 +ul.Activities div.Meta a {
  1.1116 +   color: #1e79a7;
  1.1117 +}
  1.1118 +ul.Activities div.Excerpt a:hover,
  1.1119 +ul.Activities div.Meta a:hover {
  1.1120 +   color: #ff0084;
  1.1121 +}
  1.1122 +ul.Activities div.Excerpt img {
  1.1123 +	padding: 2px;
  1.1124 +	border: 1px solid #999;
  1.1125 +}
  1.1126 +ul.Activities ul.DataList {
  1.1127 +	margin-left: 50px;
  1.1128 +	width: 400px;
  1.1129 +}
  1.1130 +ul.Activities div.ItemContent {
  1.1131 +	width: 631px;
  1.1132 +}
  1.1133 +ul.Activities li.HasPhoto div.ItemContent {
  1.1134 +	margin-left: 53px;
  1.1135 +	width: 578px;
  1.1136 +}
  1.1137 +ul.Activities li.Item li.HasPhoto div.ItemContent {
  1.1138 +	width: auto;
  1.1139 +	margin-left: 42px;
  1.1140 +}
  1.1141 +ul.Activities ul.DataList li {
  1.1142 +	background: #D7E7FF;
  1.1143 +	margin-bottom: 2px;
  1.1144 +	padding: 6px;
  1.1145 +}
  1.1146 +ul.Activities ul.DataList a.Title,
  1.1147 +ul.Activities ul.DataList div.Title,
  1.1148 +ul.Activities ul.DataList div.Title a,
  1.1149 +ul.Activities ul.DataList div.Excerpt p {
  1.1150 +	font-size: 13px;
  1.1151 +	line-height: 1;
  1.1152 +}
  1.1153 +ul.HasPhoto div.Excerpt,
  1.1154 +ul.HasPhoto div.Meta {
  1.1155 +	padding-left: 49px !important;
  1.1156 +	display: block;
  1.1157 +}
  1.1158 +ul.Activities ul.DataList .HasPhoto div.Meta {
  1.1159 +	padding: 2px 0 0;
  1.1160 +	line-height: 1;
  1.1161 +}
  1.1162 +ul.Activities ul.DataList div.Photo img {
  1.1163 +	height: 32px;
  1.1164 +	width: 32px;
  1.1165 +}
  1.1166 +ul.Activities a.CommentLink,
  1.1167 +ul.Activities a.CommentLink:hover {
  1.1168 +	font-size: 12px;
  1.1169 +   cursor: text;
  1.1170 +   background: #fff;
  1.1171 +   color: #bbb !important;
  1.1172 +   padding: 5px;
  1.1173 +   text-decoration: none;
  1.1174 +   border: 1px solid #aaa;
  1.1175 +   display: block;
  1.1176 +   line-height: 100%;
  1.1177 +   font-weight: normal;
  1.1178 +}
  1.1179 +ul.Activities li.CommentForm form div {
  1.1180 +	text-align: right;
  1.1181 +}
  1.1182 +ul.Activities li.CommentForm textarea.TextBox {
  1.1183 +   width: 380px;
  1.1184 +	min-height: 40px;
  1.1185 +   height: 40px;
  1.1186 +   margin-bottom: 2px;
  1.1187 +	font-size: 12px;
  1.1188 +}
  1.1189 +ul.Activities li.CommentForm input.Button {
  1.1190 +	font-size: 12px;
  1.1191 +	box-shadow: 0 0 1px #999;
  1.1192 +	-moz-box-shadow: 0 0 1px #999;
  1.1193 +	-webkit-box-shadow: 0 0 1px #999;  
  1.1194 +}
  1.1195 +
  1.1196 +
  1.1197 +/* ============================================================== MessageList */
  1.1198 +/* used for lists of message-based content (discussion comments, private
  1.1199 +conversation messages, etc). */
  1.1200 +
  1.1201 +ul.MessageList,
  1.1202 +ul.MessageList li {
  1.1203 +   list-style: none;
  1.1204 +   margin: 0;
  1.1205 +   padding: 0;
  1.1206 +}
  1.1207 +ul.MessageList li.Item {
  1.1208 +   border-bottom: 1px solid #ddd;
  1.1209 +	padding: 10px 4px 4px 10px;
  1.1210 +}
  1.1211 +ul.MessageList div.Meta {
  1.1212 +   font-size: 11px;
  1.1213 +   color: #777;
  1.1214 +	min-height: 40px;
  1.1215 +}
  1.1216 +ul.MessageList div.Meta span.Author img {
  1.1217 +   height: 40px;
  1.1218 +   width: 40px;
  1.1219 +   border: 0;
  1.1220 +   margin: 0 10px 0 0;
  1.1221 +   float: left;
  1.1222 +   overflow: hidden;
  1.1223 +   background: #eee;
  1.1224 +}
  1.1225 +ul.MessageList div.Meta span {
  1.1226 +   line-height: 2.5;
  1.1227 +   padding-left: 10px;
  1.1228 +}
  1.1229 +ul.MessageList div.Meta span.Author {
  1.1230 +	padding: 0;
  1.1231 +}
  1.1232 +ul.MessageList div.Meta span.Author a {
  1.1233 +   font-size: 15px;
  1.1234 +   font-weight: bold;
  1.1235 +}
  1.1236 +
  1.1237 +ul.MessageList div.Comment div.Meta span {
  1.1238 +   line-height: inherit;
  1.1239 +}
  1.1240 +
  1.1241 +ul.MessageList div.Comment div.Meta div.CommentInfo {
  1.1242 +   line-height: normal;
  1.1243 +}
  1.1244 +
  1.1245 +ul.MessageList div.Comment div.Meta div.CommentInfo span {
  1.1246 +   padding-left: 0px;
  1.1247 +   padding-right: 10px;
  1.1248 +}
  1.1249 +
  1.1250 +div.Preview {
  1.1251 +	text-align: left;
  1.1252 +	background: #E3F4FF;
  1.1253 +	padding: 1px 8px;
  1.1254 +	margin: 4px 0 8px;
  1.1255 +}
  1.1256 +div.Popup div.Preview {
  1.1257 +	padding: 8px;
  1.1258 +	margin: 0;
  1.1259 +}
  1.1260 +body.Post div.Popup a.Close {
  1.1261 +	color: #1e79a7;
  1.1262 +}
  1.1263 +div.Preview div.Message,
  1.1264 +ul.MessageList div.Message {
  1.1265 +   clear: both;
  1.1266 +   line-height: 140%;
  1.1267 +   font-size: 100%;
  1.1268 +	word-wrap: break-word;
  1.1269 +}
  1.1270 +div.Preview div.Message,
  1.1271 +div.Preview div.Message p,
  1.1272 +ul.MessageList div.Message,
  1.1273 +ul.MessageList div.Message p {
  1.1274 +   margin: 8px 0;
  1.1275 +}
  1.1276 +div.Preview div.Message blockquote,
  1.1277 +ul.MessageList div.Message blockquote {
  1.1278 +   padding: 4px 16px;
  1.1279 +   margin: 4px 0;
  1.1280 +}
  1.1281 +
  1.1282 +code, pre {
  1.1283 +   border-radius: 2px;
  1.1284 +   -moz-border-radius: 2px;
  1.1285 +   -webkit-border-radius: 2px;
  1.1286 +   background: #ff9;
  1.1287 +   padding: 4px 8px;
  1.1288 +   white-space: pre;
  1.1289 +   font-family: monospace;
  1.1290 +   overflow: auto;
  1.1291 +	border: 1px solid #eec;
  1.1292 +}
  1.1293 +pre {
  1.1294 +   display: block;
  1.1295 +}
  1.1296 +div.Preview div.Message strong,
  1.1297 +ul.MessageList div.Message strong {
  1.1298 +   font-weight: bold;
  1.1299 +}
  1.1300 +div.Preview div.Message em,
  1.1301 +ul.MessageList div.Message em {
  1.1302 +   font-style: oblique;
  1.1303 +}
  1.1304 +div.Preview div.Message ul,
  1.1305 +div.Preview div.Message ol,
  1.1306 +ul.MessageList div.Message ul,
  1.1307 +ul.MessageList div.Message ol {
  1.1308 +   margin-left: 3em ! important;
  1.1309 +}
  1.1310 +div.Preview div.Message ol li,
  1.1311 +ul.MessageList div.Message ol li {
  1.1312 +  list-style: decimal ! important;
  1.1313 +}
  1.1314 +div.Preview div.Message ul li,
  1.1315 +ul.MessageList div.Message ul li {
  1.1316 +  list-style: disc ! important;
  1.1317 +}
  1.1318 +div.Message h1,
  1.1319 +div.Message h2,
  1.1320 +div.Message h3,
  1.1321 +div.Message h4,
  1.1322 +div.Message h5 {
  1.1323 +	font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif;
  1.1324 +	font-weight: bold;
  1.1325 +	border: none;
  1.1326 +	color: #000;
  1.1327 +}
  1.1328 +div.Message h1 { font-size: 22px; }
  1.1329 +div.Message h2 { font-size: 20px; }
  1.1330 +div.Message h3 { font-size: 18px; }
  1.1331 +div.Message h4 { font-size: 16px; }
  1.1332 +div.Message h5 { font-size: 14px; }
  1.1333 +div.Message div.ImageResized {
  1.1334 +	font-size: 11px;
  1.1335 +	font-weight: normal;
  1.1336 +	cursor: pointer;
  1.1337 +	margin-bottom: 10px;
  1.1338 +}
  1.1339 +/* The "Foot" is at the bottom of the #Content section. Used for more results
  1.1340 +links, sign in buttons, etc */
  1.1341 +.Foot {
  1.1342 +	border-bottom: 1px solid #abdafb;
  1.1343 +   padding: 6px;
  1.1344 +   background: #cfecff;
  1.1345 +   text-align: right;
  1.1346 +   border-bottom-right-radius: 2px;
  1.1347 +   border-bottom-left-radius: 2px;
  1.1348 +   -moz-border-radius-bottomright: 2px;
  1.1349 +   -moz-border-radius-bottomleft: 2px;
  1.1350 +   -webkit-border-bottom-right-radius: 2px;
  1.1351 +   -webkit-border-bottom-left-radius: 2px;
  1.1352 +   }
  1.1353 +.Foot a.TabLink {
  1.1354 +	margin-left: 10px;
  1.1355 +}
  1.1356 +.Foot .Note {
  1.1357 +	line-height: 2.6;
  1.1358 +	float: left;
  1.1359 +	padding: 0 0 0 8px;
  1.1360 +	font-weight: bold;
  1.1361 +}
  1.1362 +
  1.1363 +/* =============================================================== Categories */
  1.1364 +ul.CategoryList li.Item {
  1.1365 +	margin: 0;
  1.1366 +	padding: 0;
  1.1367 +	border: 0 !important;
  1.1368 +}
  1.1369 +ul.CategoryList .ItemContent {
  1.1370 +	position: relative;
  1.1371 +	margin-top: -1px;
  1.1372 +	border: 1px solid #BEC8CC;
  1.1373 +	border-width: 1px 0;
  1.1374 +	padding: 4px 9px;
  1.1375 +}
  1.1376 +div.Meta span.ChildCategories {
  1.1377 +	border-top: 1px dotted #ddd;
  1.1378 +	display: block;
  1.1379 +}
  1.1380 +ul.DataList div.Meta span.RSS {
  1.1381 +	margin-right: 6px;
  1.1382 +}
  1.1383 +div.Meta span.RSS img {
  1.1384 +	vertical-align: text-bottom;
  1.1385 +}
  1.1386 +ul.CategoryList li.CategoryHeading {
  1.1387 +	font-weight: bold;
  1.1388 +	font-size: 14px;
  1.1389 +}
  1.1390 +
  1.1391 +/* ============================================================= Profile Page */
  1.1392 +body.Profile #Content {
  1.1393 +   width: auto;
  1.1394 +   margin: 0 0 40px 20px;
  1.1395 +   width: 690px;
  1.1396 +	float: right;
  1.1397 +}
  1.1398 +body.Profile #Panel {
  1.1399 +   float: left;
  1.1400 +   width: 250px;
  1.1401 +}
  1.1402 +ul.SideMenu {
  1.1403 +   border-radius: 0;
  1.1404 +   -moz-border-radius: 0;
  1.1405 +   -webkit-border-radius: 0;
  1.1406 +   background: none;
  1.1407 +   padding: 0;
  1.1408 +   margin: 0 0 10px;
  1.1409 +}
  1.1410 +ul.SideMenu li ul {
  1.1411 +   margin: 0;
  1.1412 +   padding: 0;
  1.1413 +   border: 0;
  1.1414 +   background: none;
  1.1415 +}
  1.1416 +ul.SideMenu li ul li {
  1.1417 +   border-bottom: 1px solid #bec8cc;
  1.1418 +}
  1.1419 +ul.SideMenu li ul li a {
  1.1420 +   padding: 0 8px;
  1.1421 +   display: block;
  1.1422 +}
  1.1423 +ul.SideMenu li ul li a:hover {
  1.1424 +   text-decoration: none;
  1.1425 +   background: #cfecff;
  1.1426 +}
  1.1427 +div.User {
  1.1428 +   line-height: 150%;
  1.1429 +}
  1.1430 +div.User,
  1.1431 +div.User a {
  1.1432 +   text-decoration: none;
  1.1433 +}
  1.1434 +div.User h1 {
  1.1435 +   padding: 0 0 8px;
  1.1436 +   margin: 0;
  1.1437 +   line-height: 100%;
  1.1438 +   border: 0;
  1.1439 +}
  1.1440 +#Status {
  1.1441 +   border-top-left-radius: 2px;
  1.1442 +   border-top-right-radius: 2px;
  1.1443 +   -moz-border-radius-topleft: 2px;
  1.1444 +   -moz-border-radius-topright: 2px;
  1.1445 +   -webkit-border-top-left-radius: 2px;
  1.1446 +   -webkit-border-top-right-radius: 2px;
  1.1447 +   background: #cfecff;
  1.1448 +   margin: 0;
  1.1449 +   padding: 8px 8px 0;
  1.1450 +   color: #999;
  1.1451 +   font-weight: normal;
  1.1452 +   line-height: 1.5;
  1.1453 +}
  1.1454 +#Status p {
  1.1455 +   font-size: 120%;
  1.1456 +   color: #6c6c6c;
  1.1457 +   display: inline;
  1.1458 +   margin: 0;
  1.1459 +   padding: 0;
  1.1460 +   line-height: 1;
  1.1461 +}
  1.1462 +#Status a.Change {
  1.1463 +   text-transform: lowercase;
  1.1464 +   font-size: 11px;
  1.1465 +   text-decoration: none;
  1.1466 +}
  1.1467 +#Status a:hover {
  1.1468 +   text-decoration: underline;
  1.1469 +}
  1.1470 +div.User form {
  1.1471 +   border-top-left-radius: 2px;
  1.1472 +   border-top-right-radius: 2px;
  1.1473 +   -moz-border-radius-topleft: 2px;
  1.1474 +   -moz-border-radius-topright: 2px;
  1.1475 +   -webkit-border-top-left-radius: 2px;
  1.1476 +   -webkit-border-top-right-radius: 2px;
  1.1477 +   background: #cfecff;
  1.1478 +   padding: 8px 8px 0;
  1.1479 +}
  1.1480 +div.User form input.InputBox {
  1.1481 +   width: 618px;
  1.1482 +   margin-right: 2px;
  1.1483 +}
  1.1484 +form.Activity {
  1.1485 +   display: block;
  1.1486 +   padding: 10px 10px 0 10px;
  1.1487 +	text-align: right;
  1.1488 +}
  1.1489 +form.Activity textarea {
  1.1490 +   width: 99%;
  1.1491 +   margin-bottom: 2px;
  1.1492 +   height: 60px;
  1.1493 +   min-height: 60px;
  1.1494 +}
  1.1495 +
  1.1496 +/* Invitations Form */
  1.1497 +#Form_Invitation table {
  1.1498 +   width: 100%;
  1.1499 +   border-collapse: collapse;
  1.1500 +   margin: 10px 0;
  1.1501 +	background: #F2FBFF;
  1.1502 +	border: 1px solid #C0E7F5;
  1.1503 +}
  1.1504 +#Form_Invitation table label {
  1.1505 +   font-size: 12px;
  1.1506 +   padding: 0px;
  1.1507 +}
  1.1508 +#Form_Invitation table tr.Last td,
  1.1509 +#Form_Invitation table tr.Last th {
  1.1510 +   border-bottom: 0px;
  1.1511 +}
  1.1512 +#Form_Invitation table th,
  1.1513 +#Form_Invitation table td {
  1.1514 +   font-weight: normal;
  1.1515 +   color: #555;
  1.1516 +   padding: 6px;
  1.1517 +}
  1.1518 +#Form_Invitation table thead th,
  1.1519 +#Form_Invitation table thead td {
  1.1520 +   border-bottom: 1px solid #C0E7F5;
  1.1521 +}
  1.1522 +#Form_Invitation table tbody th {
  1.1523 +   font-weight: bold;
  1.1524 +   color: #000;
  1.1525 +}
  1.1526 +#Form_Invitation table tbody th,
  1.1527 +#Form_Invitation table tbody td {
  1.1528 +   border-bottom: 1px solid #C0E7F5;
  1.1529 +   line-height: 150%;
  1.1530 +}
  1.1531 +#Form_Invitation table thead th {
  1.1532 +   font-weight: bold;
  1.1533 +   font-size: 13px;
  1.1534 +   color: #000;
  1.1535 +}
  1.1536 +#Form_Invitation table.AltRows tr.Alt th,
  1.1537 +#Form_Invitation table.AltRows tr.Alt td,
  1.1538 +#Form_Invitation table.AltColumns th.Alt,
  1.1539 +#Form_Invitation table.AltColumns td.Alt {
  1.1540 +   background: #cfecff;
  1.1541 +}
  1.1542 +#Form_Invitation table.AltColumns tr.Alt {
  1.1543 +   background: none;
  1.1544 +}
  1.1545 +body.Profile ul.Notifications {
  1.1546 +	border-top: 0;
  1.1547 +	margin-top: 0;
  1.1548 +}
  1.1549 +
  1.1550 +
  1.1551 +/* ================================================= Tabs, Headings & Footers */
  1.1552 +div.MessageForm {
  1.1553 +	text-align: right;
  1.1554 +}
  1.1555 +div.MessageForm,
  1.1556 +div.Tabs,
  1.1557 +div.Headings {
  1.1558 +	display: block;
  1.1559 +   border-bottom: 1px solid #abdafb;
  1.1560 +   padding: 5px 8px;
  1.1561 +   margin: 0;
  1.1562 +   background: #cfecff;
  1.1563 +}
  1.1564 +div.MessageForm div.Tabs {
  1.1565 +	padding: 0;
  1.1566 +	border: 0;
  1.1567 +	background: none;
  1.1568 +	text-align: left;
  1.1569 +}
  1.1570 +div.MessageForm div.Tabs ul {
  1.1571 +	display: inline;
  1.1572 +}
  1.1573 +div.Tabs li {
  1.1574 +   display: inline;
  1.1575 +   margin: 0;
  1.1576 +}
  1.1577 +div.MorePager a,
  1.1578 +div.MorePager a:link,
  1.1579 +div.MorePager a:hover,
  1.1580 +div.MorePager a:active,
  1.1581 +div.MorePager a:visited,
  1.1582 +a.TabLink,
  1.1583 +a.TabLink:link,
  1.1584 +a.TabLink:hover,
  1.1585 +a.TabLink:active,
  1.1586 +a.TabLink:visited,
  1.1587 +div.Tabs li a,
  1.1588 +div.Tabs li a:link,
  1.1589 +div.Tabs li a:hover,
  1.1590 +div.Tabs li a:active,
  1.1591 +div.Tabs li a:visited {
  1.1592 +   margin: 0;
  1.1593 +   border: 1px solid #abdafb;
  1.1594 +   border-radius: 3px;
  1.1595 +   -moz-border-radius: 3px;
  1.1596 +   -webkit-border-radius: 3px;
  1.1597 +   background: #bbe2f7;
  1.1598 +   display: inline;
  1.1599 +   font-weight: bold;
  1.1600 +   color: #1e79a7;
  1.1601 +   text-decoration: none;
  1.1602 +   padding: 5px 10px;
  1.1603 +	line-height: 2.6;
  1.1604 +}
  1.1605 +div.MorePager li a:hover,
  1.1606 +a.TabLink:hover,
  1.1607 +div.Tabs li a:hover {
  1.1608 +   background: #f3fcff;
  1.1609 +}
  1.1610 +a.Active,
  1.1611 +div.Tabs li.Active a {
  1.1612 +   background: #fff;
  1.1613 +   color: #474747;
  1.1614 +}
  1.1615 +div.Tabs li a span {
  1.1616 +   line-height: 1;
  1.1617 +   font-size: 80%;
  1.1618 +   padding: 0 3px;
  1.1619 +   border-radius: 3px;
  1.1620 +   -webkit-border-radius: 3px;
  1.1621 +   -moz-border-radius: 3px;
  1.1622 +   font-weight: normal;
  1.1623 +   background: #1e79a7;
  1.1624 +   color: #eaf4fd;
  1.1625 +   margin: 0 0 0 4px;
  1.1626 +}
  1.1627 +div.Tabs div.SubTab {
  1.1628 +	margin: 10px 0 0;
  1.1629 +	padding: 4px 8px;
  1.1630 +	background: #f3fcff;
  1.1631 +   border-radius: 2px;
  1.1632 +   -webkit-border-radius: 2px;
  1.1633 +   -moz-border-radius: 2px;
  1.1634 +}
  1.1635 +div.HeadingTabs {
  1.1636 +	padding: 8px 8px 8px 12px;
  1.1637 +}
  1.1638 +div.HeadingTabs ul {
  1.1639 +	display: inline;
  1.1640 +	float: right;
  1.1641 +}
  1.1642 +div.HeadingTabs div.SubTab {
  1.1643 +	font-size: 14px;
  1.1644 +	display: inline;
  1.1645 +	font-weight: bold;
  1.1646 +	background: none;
  1.1647 +	padding: 0;
  1.1648 +	line-height: 2.4;
  1.1649 +}
  1.1650 +div.SearchTabs input.InputBox {
  1.1651 +	width: 560px;
  1.1652 +	margin-right: 10px;
  1.1653 +}
  1.1654 +div.Headings {
  1.1655 +	position: relative;
  1.1656 +	text-align: left;
  1.1657 +}
  1.1658 +div.Headings div {
  1.1659 +	display: inline-block;
  1.1660 +	padding-right: 10px;
  1.1661 +}
  1.1662 +div.Headings div.ItemHeading {
  1.1663 +	font-size: 14px;
  1.1664 +	font-weight: bold;
  1.1665 +	line-height: 2;
  1.1666 +}
  1.1667 +div.Headings div.MetaHeading {
  1.1668 +	font-size: 11px;
  1.1669 +}
  1.1670 +
  1.1671 +/* ======================================================== Thumbnail Cropper */
  1.1672 +form.Thumbnail table {
  1.1673 +   width: 100%;
  1.1674 +}
  1.1675 +form.Thumbnail table td {
  1.1676 +   width: 50%;
  1.1677 +}
  1.1678 +form.Thumbnail table tr td {
  1.1679 +   vertical-align: top;
  1.1680 +}
  1.1681 +form.Thumbnail table tr th {
  1.1682 +	padding-right: 10px;
  1.1683 +}
  1.1684 +.jcropper-holder {
  1.1685 +   border: 1px black solid;
  1.1686 +}
  1.1687 +.jcrop-holder {
  1.1688 +   text-align: left;
  1.1689 +}
  1.1690 +.jcrop-vline, .jcrop-hline {
  1.1691 +   font-size: 0;
  1.1692 +   position: absolute;
  1.1693 +   background: white url('images/jcrop.gif') top left repeat;
  1.1694 +}
  1.1695 +.jcrop-vline { height: 100%; width: 1px !important; }
  1.1696 +.jcrop-hline { width: 100%; height: 1px !important; }
  1.1697 +.jcrop-handle {
  1.1698 +   font-size: 1px;
  1.1699 +   width: 7px !important;
  1.1700 +   height: 7px !important;
  1.1701 +   border: 1px #eee solid;
  1.1702 +   background-color: #333;
  1.1703 +   *width: 9px;
  1.1704 +   *height: 9px;
  1.1705 +}
  1.1706 +.jcrop-tracker {
  1.1707 +   *background-color: gray;
  1.1708 +   width: 100%; height: 100%;
  1.1709 +}
  1.1710 +.custom .jcrop-vline,
  1.1711 +.custom .jcrop-hline {
  1.1712 +   background: yellow;
  1.1713 +}
  1.1714 +.custom .jcrop-handle {
  1.1715 +   border-color: black;
  1.1716 +   background-color: #C7BB00;
  1.1717 +   border-radius: 3px;
  1.1718 +   -moz-border-radius: 3px;
  1.1719 +   -webkit-border-radius: 3px;
  1.1720 +}
  1.1721 +form.Thumbnail table {
  1.1722 +	width: 100%;
  1.1723 +}
  1.1724 +form.Thumbnail table td {
  1.1725 +	font-weight: normal;
  1.1726 +}
  1.1727 +
  1.1728 +
  1.1729 +/* =================================================================== Popups */
  1.1730 +div.Popup div.Errors ul {
  1.1731 +	border: 1px solid #a00 !important;
  1.1732 +}
  1.1733 +div.Popup div.Messages {
  1.1734 +   text-align: left;
  1.1735 +   position: inherit;
  1.1736 +   top: auto;
  1.1737 +   left: auto;
  1.1738 +   z-index: auto;
  1.1739 +	margin: 10px 0 !important;
  1.1740 +}
  1.1741 +div.Popup div.Messages ul {
  1.1742 +	display: block;
  1.1743 +   border-radius: 2px;
  1.1744 +	-moz-border-radius: 2px;
  1.1745 +	-webkit-border-radius: 2px;
  1.1746 +	box-shadow: none;
  1.1747 +	-moz-box-shadow: none;
  1.1748 +	-webkit-box-shadow: none;
  1.1749 +}
  1.1750 +* html div.Popup div.Messages {
  1.1751 +  position: inherit;
  1.1752 +  width: auto;
  1.1753 +  top: auto;
  1.1754 +  left: auto;
  1.1755 +  overflow: auto; 
  1.1756 +}
  1.1757 +div.Popup .Info {
  1.1758 +	margin-top: 10px;
  1.1759 +}
  1.1760 +div.Popup .Loading {
  1.1761 +   display: block;
  1.1762 +	width: 200px;
  1.1763 +}
  1.1764 +div.Overlay {
  1.1765 +  position: absolute;
  1.1766 +  top: 0;
  1.1767 +  left: 0;
  1.1768 +  width: 100%;
  1.1769 +  height: 100%;
  1.1770 +}
  1.1771 +div.Popup {
  1.1772 +  position: absolute;
  1.1773 +  width: 100%;
  1.1774 +  top: 0;
  1.1775 +  left: 0;
  1.1776 +  z-index: 5000;
  1.1777 +  text-align: center;
  1.1778 +}
  1.1779 +div.Popup div.Border {
  1.1780 +  margin: 0px auto;
  1.1781 +  text-align: left;
  1.1782 +  position: relative;
  1.1783 +  max-width: 500px;
  1.1784 +  display: inline-block;
  1.1785 +}
  1.1786 +div.Popup div.Body {
  1.1787 +  background: #fff;
  1.1788 +}
  1.1789 +div.Popup div.Legal,
  1.1790 +div.Popup .Content form {
  1.1791 +	max-height: 440px;
  1.1792 +	overflow: auto;
  1.1793 +	padding: 0 10px 10px;
  1.1794 +}
  1.1795 +div.Popup .Loading {
  1.1796 +  text-align: center;
  1.1797 +}
  1.1798 +div.Popup h1,
  1.1799 +div.Popup h2,
  1.1800 +div.Connect h1,
  1.1801 +div.Connect h2 {
  1.1802 +	font-size:120%;
  1.1803 +	font-weight:bold;
  1.1804 +	margin-bottom: 0;
  1.1805 +	color: #fff;
  1.1806 +	background: #38abe3;
  1.1807 +	border-bottom: 1px solid #3DB9E5;
  1.1808 +	padding: 6px 9px 4px;
  1.1809 +}
  1.1810 +a.Close {
  1.1811 +	position: absolute;
  1.1812 +	top: 16px;
  1.1813 +	right: 20px;
  1.1814 +	line-height: 1;
  1.1815 +	color: #E4F7FE;
  1.1816 +	cursor: pointer;
  1.1817 +	font-family: arial;
  1.1818 +	font-size: 22px;
  1.1819 +	font-weight: bold;
  1.1820 +	padding: 0;
  1.1821 +}
  1.1822 +a.Close:hover {
  1.1823 +	color: #fff;
  1.1824 +}
  1.1825 +div.Popup .Footer {
  1.1826 +	border: none;
  1.1827 +	background: none;
  1.1828 +	padding: 0;
  1.1829 +	margin: 0;
  1.1830 +	text-align: right;
  1.1831 +}
  1.1832 +div.Popup .Footer input.Button {
  1.1833 +	font-size: 11px;
  1.1834 +	margin-right: 2px;
  1.1835 +}
  1.1836 +div.Popup h3 {
  1.1837 +	font-size: 120%;
  1.1838 +	font-weight: bold;
  1.1839 +	padding: 20px 0 10px;
  1.1840 +}
  1.1841 +div.Popup p {
  1.1842 +	padding: 6px 10px 10px;
  1.1843 +}
  1.1844 +div.Popup div.Legal p {
  1.1845 +	padding: 6px 0 10px;
  1.1846 +}
  1.1847 +div.Popup small {
  1.1848 +	font-size: 11px;
  1.1849 +}
  1.1850 +div.Popup form p {
  1.1851 +	padding: 0;
  1.1852 +}
  1.1853 +body.Profile #Form_Invitation ul li label,
  1.1854 +body.Profile #Form_User ul li label,
  1.1855 +div.Popup form ul li label {
  1.1856 +	color:#000;
  1.1857 +	display:block;
  1.1858 +	font-size:14px;
  1.1859 +	font-weight:bold;
  1.1860 +	margin: 10px 0 0;
  1.1861 +}
  1.1862 +body.Entry form ul li.Gender label.RadioLabel,
  1.1863 +body.Profile #Form_User ul li.Gender label.RadioLabel,
  1.1864 +div.Popup form ul li.Gender label.RadioLabel {
  1.1865 +	display: inline;
  1.1866 +	padding-right: 20px;
  1.1867 +}
  1.1868 +li.Gender {
  1.1869 +	margin-bottom: 10px;
  1.1870 +}
  1.1871 +body.Profile #Form_User ul li label.RadioLabel,
  1.1872 +body.Profile #Form_User ul li label.CheckBoxLabel,
  1.1873 +div.Popup form ul li label.RadioLabel,
  1.1874 +div.Popup form ul li label.CheckBoxLabel {
  1.1875 +	font-weight: normal;
  1.1876 +}
  1.1877 +div.Profile #Form_User input.Button,
  1.1878 +div.Popup input.Button {
  1.1879 +	margin: 4px 0 2px;
  1.1880 +}
  1.1881 +div.Popup #Form_User div.Warning,
  1.1882 +#dashboard_profile_picture #Form_User div.Warning {
  1.1883 +	margin: 6px 0;
  1.1884 +}
  1.1885 +
  1.1886 +/* Serious Ajax Error Styles */
  1.1887 +div.AjaxError {
  1.1888 +	white-space: pre;
  1.1889 +	overflow: auto;
  1.1890 +	padding: 10px;
  1.1891 +}
  1.1892 +
  1.1893 +/* ==================================================================== Legal */
  1.1894 +div.Legal h3 {
  1.1895 +	padding: 0;
  1.1896 +	margin: 20px 0 0;
  1.1897 +	font-size: 120%;
  1.1898 +	font-weight: bold;
  1.1899 +}
  1.1900 +div.Legal ol {
  1.1901 +	list-style-position:outside;
  1.1902 +	list-style-type:decimal;
  1.1903 +	margin:0 30px 10px;
  1.1904 +}
  1.1905 +div.Legal ul {
  1.1906 +	list-style-position:outside;
  1.1907 +	list-style-type:disc;
  1.1908 +	margin:0 30px 10px;
  1.1909 +}
  1.1910 +div.Legal li {
  1.1911 +	padding: 5px 0;
  1.1912 +}
  1.1913 +div.Legal strong {
  1.1914 +	font-weight: bold;
  1.1915 +}
  1.1916 +
  1.1917 +
  1.1918 +/* =================================================================== Footer */
  1.1919 +#Foot {
  1.1920 +   clear: both;
  1.1921 +   text-align: center;
  1.1922 +   margin: 2px 0;
  1.1923 +   padding: 4px 9px;
  1.1924 +   font-size: 13px;
  1.1925 +   color: #ddd;
  1.1926 +   line-height: 1;
  1.1927 +}
  1.1928 +#Foot a {
  1.1929 +   color: #ccc;
  1.1930 +}
  1.1931 +#Foot a:hover {
  1.1932 +   color: #aaa;
  1.1933 +}
  1.1934 +#Foot div {
  1.1935 +	width: 960px;
  1.1936 +	padding: 6px 0;
  1.1937 +	margin: 20px auto 0;
  1.1938 +	text-align: left;
  1.1939 +}
  1.1940 +
  1.1941 +
  1.1942 +
  1.1943 +/* ================================ Vanilla ================================= */
  1.1944 +
  1.1945 +#Panel ul.Discussions {
  1.1946 +   border: 0;
  1.1947 +}
  1.1948 +ul.PanelDiscussions li {
  1.1949 +   text-align: left;
  1.1950 +}
  1.1951 +ul.PanelDiscussions li a {
  1.1952 +   float: none;
  1.1953 +}
  1.1954 +ul.PanelDiscussions li strong {
  1.1955 +   display: block;
  1.1956 +   line-height: 1.5;
  1.1957 +}
  1.1958 +
  1.1959 +/* ============================================================== Discussions */
  1.1960 +
  1.1961 +/* Note: The Vanilla Discussion List has the following classes applied to
  1.1962 +  individual list elements and can be styled:
  1.1963 +  + Bookmarked: the user has bookmarked that topic
  1.1964 +  + Announcement: the discussion has been announced
  1.1965 +  + Mine: the user created the discussion
  1.1966 +  + New: there are new comments since the last viewed the discussion
  1.1967 +*/
  1.1968 +.Mine { background: #e3f4ff; }
  1.1969 +
  1.1970 +ul.DataList div.Meta a.Category {
  1.1971 +   background: #fafafa;
  1.1972 +   padding: 2px 4px;
  1.1973 +   border-radius: 2px;
  1.1974 +   -moz-border-radius: 2px;
  1.1975 +   -webkit-border-radius: 2px;
  1.1976 +}
  1.1977 +ul.DataList li.Mine div.Meta a.Category {
  1.1978 +   background: #eff7ff;
  1.1979 +}
  1.1980 +
  1.1981 +ul.DataList div.Meta span.Announcement {
  1.1982 +	background: #777777;
  1.1983 +	color: #ffffff;
  1.1984 +	padding: 1px 4px;
  1.1985 +   border-radius: 2px;
  1.1986 +	-moz-border-radius: 2px;
  1.1987 +   -webkit-border-radius: 2px;
  1.1988 +   border-radius: 2px;
  1.1989 +   font-weight: bold;
  1.1990 +}
  1.1991 +ul.DataList div.Meta span.Closed {
  1.1992 +	background: #555555;
  1.1993 +   color: #ffffff;
  1.1994 +   font-weight: bold;
  1.1995 +	padding: 1px 4px;
  1.1996 +   border-radius: 2px;
  1.1997 +	-moz-border-radius: 2px;
  1.1998 +   -webkit-border-radius: 2px;
  1.1999 +   border-radius: 2px;
  1.2000 +}
  1.2001 +
  1.2002 +
  1.2003 +/* ================================================================= Comments */
  1.2004 +body.Discussion #Content {
  1.2005 +   margin-bottom: 20px;
  1.2006 +}
  1.2007 +ul.Discussion {
  1.2008 +   margin-bottom: 1px;
  1.2009 +}
  1.2010 +/*
  1.2011 +  Note: Discussion & Comment Option (dropdown) Menu customizations. The layout
  1.2012 +  css for these is in /applications/garden/design/menu.css. Override them here.
  1.2013 +*/
  1.2014 +a.Bookmark,
  1.2015 +a.Bookmarking {
  1.2016 +	float: right;
  1.2017 +   display: block;
  1.2018 +   background: url('images/star_sprite.png') top center no-repeat;
  1.2019 +   height: 22px;
  1.2020 +   width: 22px;
  1.2021 +   margin: 2px 4px 0 4px;
  1.2022 +}
  1.2023 +a.Bookmark span,
  1.2024 +a.Bookmarking span {
  1.2025 +   display: none;
  1.2026 +}
  1.2027 +a.Bookmarked {
  1.2028 +   background: url('images/star_sprite.png') center center no-repeat;
  1.2029 +}
  1.2030 +a.Bookmarking {
  1.2031 +   background: url('images/star_sprite.png') bottom center no-repeat;
  1.2032 +}
  1.2033 +body.Discussion a.Bookmark {
  1.2034 +	margin: 13px 8px;
  1.2035 +}
  1.2036 +
  1.2037 +body.Discussion .Back {
  1.2038 +   padding: 3px 6px;
  1.2039 +   text-align: left;
  1.2040 +}
  1.2041 +
  1.2042 +
  1.2043 +/* =================================================================== Drafts */
  1.2044 +ul.Discussions div.ItemContent,
  1.2045 +ul.Drafts div.ItemContent {
  1.2046 +   margin: 0 0 0 9px;
  1.2047 +}
  1.2048 +ul.Drafts div.ItemContent a.Title,
  1.2049 +ul.Discussions div.ItemContent a.Title {
  1.2050 +	max-width: 580px;
  1.2051 +}
  1.2052 +
  1.2053 +/* =============================================== Discussion & Comment Forms */
  1.2054 +li.Editing {
  1.2055 +	background: #E3F4FF;
  1.2056 +}
  1.2057 +div.CommentForm textarea {
  1.2058 +   width: 99%;
  1.2059 +   height: 100px;
  1.2060 +   min-height: 100px;
  1.2061 +   margin: 0 0 6px;
  1.2062 +}
  1.2063 +div.Comment div.CommentForm {
  1.2064 +	width: 98%;
  1.2065 +	background: none;
  1.2066 +	padding: 6px 4px;
  1.2067 +	border: 0;
  1.2068 +}
  1.2069 +div.Comment div.CommentForm textarea {
  1.2070 +	width: 99%;	
  1.2071 +}
  1.2072 +#DiscussionForm label {
  1.2073 +   font-size: 14px;
  1.2074 +   font-weight: bold;
  1.2075 +   color: #666;
  1.2076 +}
  1.2077 +body.Post #Panel {
  1.2078 +   display: none;
  1.2079 +}
  1.2080 +body.Post #Content {
  1.2081 +   width: 100%;
  1.2082 +}
  1.2083 +#DiscussionForm h2 {
  1.2084 +   border: none;
  1.2085 +   color: #02475A;
  1.2086 +   font-size: 140%;
  1.2087 +   font-weight: bold;
  1.2088 +   margin: 0;
  1.2089 +   padding: 6px;
  1.2090 +}
  1.2091 +#DiscussionForm form {
  1.2092 +   border-radius: 2px;
  1.2093 +   -moz-border-radius: 2px;
  1.2094 +   -webkit-border-radius: 2px;
  1.2095 +   background: #c4e1ff none repeat scroll 0 0;
  1.2096 +   border: 1px solid #7caccb;
  1.2097 +   margin: 0;
  1.2098 +   padding: 20px;
  1.2099 +}
  1.2100 +#DiscussionForm textarea {
  1.2101 +   width: 99%;
  1.2102 +   height: 100px;
  1.2103 +   min-height: 100px;
  1.2104 +   margin: 0 0 6px;
  1.2105 +}
  1.2106 +#DiscussionForm input.InputBox {
  1.2107 +   width: 99%;
  1.2108 +   margin-bottom: 10px;
  1.2109 +}
  1.2110 +#DiscussionForm div.Category {
  1.2111 +   padding: 0 0 10px;   
  1.2112 +}
  1.2113 +#DiscussionForm div.Category label {
  1.2114 +   padding: 0 8px 0 0;
  1.2115 +}
  1.2116 +div.CommentForm a.Back,
  1.2117 +div.CommentForm a.Cancel {
  1.2118 +   float: left;
  1.2119 +}
  1.2120 +#DiscussionForm a.Cancel {
  1.2121 +	margin-left: 18px;
  1.2122 +}
  1.2123 +#DiscussionForm ul {
  1.2124 +   margin: 0 0 20px;
  1.2125 +}
  1.2126 +#DiscussionForm ul.PostOptions li {
  1.2127 +   display: inline;
  1.2128 +   padding: 0 8px 0 0;
  1.2129 +}
  1.2130 +#DiscussionForm ul.PostOptions label {
  1.2131 +   display: inline;
  1.2132 +   font-weight: normal;
  1.2133 +   font-size: 95%;
  1.2134 +   color: #555;
  1.2135 +}
  1.2136 +
  1.2137 +/* ============================== Conversations ============================= */
  1.2138 +textarea.MultiComplete {
  1.2139 +   height: 20px;
  1.2140 +   padding: 3px 0;
  1.2141 +   text-align: left;
  1.2142 +}
  1.2143 +.ac_results {
  1.2144 +   padding: 0;
  1.2145 +   border: 1px solid #bbb;
  1.2146 +   border-top: 0;
  1.2147 +   background-color: white;
  1.2148 +   overflow: hidden;
  1.2149 +   z-index: 99999;
  1.2150 +}
  1.2151 +.ac_results ul {
  1.2152 +   width: 100%;
  1.2153 +   list-style-position: outside;
  1.2154 +   list-style: none;
  1.2155 +   padding: 0;
  1.2156 +   margin: 0;
  1.2157 +}
  1.2158 +.ac_results li {
  1.2159 +   margin: 0;
  1.2160 +   padding: 5px;
  1.2161 +   cursor: default;
  1.2162 +   display: block;
  1.2163 +   /* 
  1.2164 +   if width will be 100% horizontal scrollbar will apear 
  1.2165 +   when scroll mode will be used
  1.2166 +   */
  1.2167 +   /*width: 100%;*/
  1.2168 +   font-size: 12px;
  1.2169 +   /* 
  1.2170 +   it is very important, if line-height not setted or setted 
  1.2171 +   in relative units scroll will be broken in firefox
  1.2172 +   */
  1.2173 +   line-height: 16px;
  1.2174 +   overflow: hidden;
  1.2175 +   border-bottom: 1px solid #bbb;
  1.2176 +   text-align: left;
  1.2177 +}
  1.2178 +.ac_lastitem {
  1.2179 +   border-bottom: 0 !important;
  1.2180 +}
  1.2181 +.ac_results strong {
  1.2182 +   font-weight: bold;
  1.2183 +   background: #daf4fd;
  1.2184 +}
  1.2185 +.ac_over strong {
  1.2186 +   font-weight: bold;
  1.2187 +   background: #2ab0de;
  1.2188 +}
  1.2189 +.ac_over {
  1.2190 +   background: #44c7f4;
  1.2191 +   color: #fff;
  1.2192 +}
  1.2193 +div.AddPeople h4 {
  1.2194 +  border-bottom: 0px;
  1.2195 +}
  1.2196 +#Panel input.InputBox,
  1.2197 +div.AddPeople textarea.MultiComplete {
  1.2198 +  width: 228px;
  1.2199 +  margin-bottom: 2px;
  1.2200 +}
  1.2201 +div.AddPeople form div {
  1.2202 +	text-align: right;
  1.2203 +}
  1.2204 +
  1.2205 +
  1.2206 +/* ============================================================ Conversations */
  1.2207 +fieldset {
  1.2208 +  padding: 0px !important;
  1.2209 +}
  1.2210 +h2.NewConversation {
  1.2211 +  float: right;
  1.2212 +}
  1.2213 +h2.NewConversation a {
  1.2214 +  font-weight: bold;
  1.2215 +}
  1.2216 +body.Conversations h2 {
  1.2217 +  margin: 0;
  1.2218 +}
  1.2219 +ul.Conversations li.Active {
  1.2220 +  cursor: pointer;
  1.2221 +  background: #ffe;
  1.2222 +}
  1.2223 +ul.Conversations li.Item {
  1.2224 +	padding: 4px 5px;
  1.2225 +}
  1.2226 +ul.Conversations div.ItemContent {
  1.2227 +   margin:0 0 0 5px;
  1.2228 +}
  1.2229 +ul.Conversations div.Meta a.Name {
  1.2230 +	color: #1E79A7;
  1.2231 +	font-weight: bold;
  1.2232 +}
  1.2233 +
  1.2234 +
  1.2235 +/* ========================================================= Add Message Form */
  1.2236 +#MessageForm {
  1.2237 +	background: #E9F9FF;
  1.2238 +	padding: 4px 8px 8px;
  1.2239 +	margin: 1px 0 0;
  1.2240 +   border-bottom-left-radius: 2px;
  1.2241 +   border-bottom-right-radius: 2px;
  1.2242 +  -moz-border-radius-bottomleft: 2px;
  1.2243 +  -moz-border-radius-bottomright: 2px;
  1.2244 +  -webkit-border-bottom-left-radius: 2px;
  1.2245 +  -webkit-border-bottom-right-radius: 2px;
  1.2246 +}
  1.2247 +#MessageForm h2 {
  1.2248 +  font-size: 115%;
  1.2249 +  color: #2786C2;
  1.2250 +  font-weight: bold;
  1.2251 +  border: 0;
  1.2252 +}
  1.2253 +#MessageForm form div {
  1.2254 +	text-align: right;
  1.2255 +}
  1.2256 +#MessageForm textarea {
  1.2257 +  width: 99%;
  1.2258 +  height: 100px;
  1.2259 +  min-height: 100px;
  1.2260 +  margin-bottom: 2px;
  1.2261 +}
  1.2262 +
  1.2263 +
  1.2264 +/* ==================================================== New Conversation Form */
  1.2265 +body.add #Panel {
  1.2266 +   display: none;
  1.2267 +}
  1.2268 +body.add #Content {
  1.2269 +   width: auto;
  1.2270 +}
  1.2271 +#ConversationForm form {
  1.2272 +   border-radius: 2px;
  1.2273 +	-moz-border-radius: 2px;
  1.2274 +   -webkit-border-radius: 2px;
  1.2275 +   border-radius: 2px;
  1.2276 +	background:none repeat scroll 0 0 #c4e1ff;
  1.2277 +	margin:0;
  1.2278 +	padding:20px;
  1.2279 +	text-align: right;
  1.2280 +}
  1.2281 +#ConversationForm h2 {
  1.2282 +	color:#02475A;
  1.2283 +	font-size:140%;
  1.2284 +	font-weight:bold;
  1.2285 +	margin:0;
  1.2286 +	padding:6px;
  1.2287 +	text-align: left;
  1.2288 +	border: 0;
  1.2289 +}
  1.2290 +#ConversationForm label {
  1.2291 +	display: block;
  1.2292 +	text-align: left;
  1.2293 +	color:#666666;
  1.2294 +	font-size:14px;
  1.2295 +	font-weight:bold;	
  1.2296 +}
  1.2297 +#ConversationForm .TextBox {
  1.2298 +   height: 100px;
  1.2299 +   min-height: 100px;
  1.2300 +   margin: 8px 0 6px;
  1.2301 +	padding: 0;
  1.2302 +}
  1.2303 +body.Conversations a.Cancel {
  1.2304 +   margin-left: 20px;
  1.2305 +}
  1.2306 +div.Popup #ConversationForm form {
  1.2307 +	background: none;
  1.2308 +   -border-radius: 0;
  1.2309 +	-moz-border-radius: 0;
  1.2310 +	-webkit-border-radius: 0;
  1.2311 +   border-radius: 0;
  1.2312 +	padding: 10px;
  1.2313 +}
  1.2314 +div.Popup #ConversationForm h2 {
  1.2315 +	color: #fff;
  1.2316 +	font-size: 120%;
  1.2317 +	font-weight: bold;
  1.2318 +	padding: 6px 9px 4px;	
  1.2319 +}
  1.2320 +div.Popup #ConversationForm textarea.MultiComplete,
  1.2321 +div.Popup #ConversationForm .TextBox {
  1.2322 +	width: 100%;
  1.2323 +}
  1.2324 +
  1.2325 +/* Upload Progress Bar */
  1.2326 +div.UploadProgress {
  1.2327 +	margin: 10px 0;
  1.2328 +	background: url('images/upload-progress-back.gif') repeat;
  1.2329 +	width: 200px;
  1.2330 +	z-index: 0;
  1.2331 +	color: #fff;
  1.2332 +	text-shadow: 0 1px 1px #333;
  1.2333 +	border: 1px solid #0c3c7e;
  1.2334 +   border-radius: 2px;
  1.2335 +	-moz-border-radius: 2px;
  1.2336 +	-webkit-border-radius: 2px;
  1.2337 +   border-radius: 2px;
  1.2338 +}
  1.2339 +div.UploadProgress div {
  1.2340 +	padding: 2px 0;
  1.2341 +}
  1.2342 +div.UploadProgress div strong {
  1.2343 +	font-weight: bold;
  1.2344 +}
  1.2345 +div.UploadProgress div.Foreground,
  1.2346 +div.UploadProgress div.Background {
  1.2347 +	position: absolute;
  1.2348 +}
  1.2349 +div.UploadProgress div.Background {
  1.2350 +	width: 0;
  1.2351 +	background: url('images/upload-bg.gif') repeat;
  1.2352 +	z-index: 1;
  1.2353 +}
  1.2354 +div.UploadProgress div.Foreground {
  1.2355 +	text-indent: 6px;
  1.2356 +	overflow: visible;
  1.2357 +	white-space: nowrap;
  1.2358 +	z-index: 2;
  1.2359 +}
  1.2360 +
  1.2361 +
  1.2362 +/* Adding CSS for multiple sign-in methods */
  1.2363 +
  1.2364 +/* Container */
  1.2365 +div.Border {
  1.2366 +	border-radius: 8px;
  1.2367 +	-moz-border-radius: 8px;
  1.2368 +	-webkit-border-radius: 8px;
  1.2369 +	background: none repeat scroll 0 0 rgba(82, 82, 82, 0.7);
  1.2370 +	padding: 10px;
  1.2371 +}
  1.2372 +
  1.2373 +/* Tabs */
  1.2374 +ul.Tabs {
  1.2375 +	border-bottom: 1px solid #aaa;
  1.2376 +	text-align: left;
  1.2377 +	padding-left: 4px;
  1.2378 +}
  1.2379 +ul.Tabs li {
  1.2380 +	display: inline-block;
  1.2381 +}
  1.2382 +ul.Tabs li a,
  1.2383 +ul.Tabs li a:link,
  1.2384 +ul.Tabs li a:active,
  1.2385 +ul.Tabs li a:visited,
  1.2386 +ul.Tabs li a:hover {
  1.2387 +	display: inline-block;
  1.2388 +	margin-left: 4px;
  1.2389 +	border: 1px solid #aaa;
  1.2390 +	border-width: 1px 1px 0 1px;
  1.2391 +	border-radius: 3px 3px 0 0;
  1.2392 +	-moz-border-radius: 3px 3px 0 0;
  1.2393 +	-webkit-border-radius: 3px 3px 0 0;
  1.2394 +	background: #eee;
  1.2395 +	color: #888;
  1.2396 +	position: relative;
  1.2397 +	top: 1px;
  1.2398 +	padding: 2px 8px 1px;
  1.2399 +}
  1.2400 +ul.Tabs li a:hover {
  1.2401 +	background: #f5f5f5;
  1.2402 +	color: #444;
  1.2403 +}
  1.2404 +ul.Tabs li a.Active {
  1.2405 +	padding: 2px 8px;
  1.2406 +	background: #fff;
  1.2407 +	color: #000;
  1.2408 +}
  1.2409 +
  1.2410 +/* Icons */
  1.2411 +ul.Tabs li a.EntryTabFor_password {
  1.2412 +	padding-left: 22px;
  1.2413 +	background-image: url('../../../themes/default/design/favicon.png');
  1.2414 +	background-position: 3px 4px;
  1.2415 +	background-repeat: no-repeat;
  1.2416 +}
  1.2417 +
  1.2418 +
  1.2419 +/* ============================================================ Entry Screens */
  1.2420 +body.Entry {
  1.2421 +   text-align: center;
  1.2422 +}
  1.2423 +body.Entry #Panel {
  1.2424 +   display: none;
  1.2425 +}
  1.2426 +body.Entry #Content {
  1.2427 +   float: none;
  1.2428 +   margin: 0 auto;
  1.2429 +   width: 360px;
  1.2430 +   text-align: center;
  1.2431 +}
  1.2432 +body.Entry #Content h1 {
  1.2433 +   border: none;
  1.2434 +   color: #02475A;
  1.2435 +   font-size:140%;
  1.2436 +   font-weight:bold;
  1.2437 +   padding: 6px;
  1.2438 +	margin: 0;
  1.2439 +	text-align: left;
  1.2440 +}
  1.2441 +body.Entry #Content form {
  1.2442 +	text-align: left;
  1.2443 +	padding: 10px;
  1.2444 +}
  1.2445 +body.Entry form ul li label {
  1.2446 +	font-size: 14px;
  1.2447 +	color: #474747;
  1.2448 +	font-weight: bold;
  1.2449 +	padding: 6px 0 0;
  1.2450 +	display: block;
  1.2451 +}
  1.2452 +body.Entry form ul li label.CheckBoxLabel,
  1.2453 +body.Entry form ul li label.RadioLabel {
  1.2454 +	font-size: 12px;
  1.2455 +	font-weight: normal;
  1.2456 +   width: auto;
  1.2457 +}
  1.2458 +body.Entry input.DateBox,
  1.2459 +body.Entry input.InputBox,
  1.2460 +body.Entry textarea {
  1.2461 +   width: 310px;
  1.2462 +}
  1.2463 +span.Incorrect {
  1.2464 +   display: block;
  1.2465 +   color: red;
  1.2466 +}
  1.2467 +
  1.2468 +/* Sign In Page & Popup */
  1.2469 +div.SignInPopup div.Box {
  1.2470 +	margin: 0;
  1.2471 +	padding: 0;
  1.2472 +	background: none;
  1.2473 +	border: 0;
  1.2474 +	border-radius: 0;
  1.2475 +	-moz-border-radius: 0;
  1.2476 +	-webkit-border-radius: 0;
  1.2477 +	box-shadow: none;
  1.2478 +	-moz-box-shadow: none;
  1.2479 +	-webkit-box-shadow: none;
  1.2480 +}
  1.2481 +body#dashboard_entry_password #Content,
  1.2482 +body#dashboard_entry_signin #Content,
  1.2483 +body#dashboard_entry_index #Content {
  1.2484 +	width: auto;
  1.2485 +}
  1.2486 +div.SignInPopup .Content form {
  1.2487 +	padding: 0 10px 10px;
  1.2488 +}
  1.2489 +body#dashboard_entry_password #Content form,
  1.2490 +body#dashboard_entry_index #Content form,
  1.2491 +body#dashboard_entry_signin #Content form {
  1.2492 +	padding: 0;
  1.2493 +	text-align:left;
  1.2494 +}
  1.2495 +body#dashboard_entry_password #Content form,
  1.2496 +body#dashboard_entry_signin #Content form,
  1.2497 +body#dashboard_entry_index #Content form,
  1.2498 +div.SignInPopup form {
  1.2499 +	width: 270px;
  1.2500 +}
  1.2501 +div.SingleEntryMethod {
  1.2502 +	width: 290px;
  1.2503 +	margin: 0 auto;
  1.2504 +}
  1.2505 +div.MultipleEntryMethods {
  1.2506 +	width: 500px;
  1.2507 +	margin: 0 auto;
  1.2508 +}
  1.2509 +body#dashboard_entry_handshake #Content input.InputBox,
  1.2510 +body#dashboard_entry_signin #Content input.InputBox,
  1.2511 +body#dashboard_entry_index #Content input.InputBox,
  1.2512 +body#dashboard_entry_password #Content input.InputBox,
  1.2513 +div.SignInPopup input.DateBox,
  1.2514 +div.SignInPopup input.InputBox,
  1.2515 +div.SignInPopup textarea {
  1.2516 +   width: 260px;
  1.2517 +	padding: 3px;
  1.2518 +}
  1.2519 +div.SignInPopup form ul li label,
  1.2520 +body#dashboard_entry_signin form ul li label,
  1.2521 +body#dashboard_entry_index form ul li label,
  1.2522 +body#dashboard_entry_password form ul li label,
  1.2523 +body#dashboard_entry_handshake form ul li label {
  1.2524 +	font-size: 13px;
  1.2525 +	line-height: 1.5;
  1.2526 +	padding: 0;
  1.2527 +}
  1.2528 +body#dashboard_entry_password #Content form ul li input#Form_Email,
  1.2529 +body#dashboard_entry_signin #Content form ul li input#Form_Email,
  1.2530 +body#dashboard_entry_index #Content form ul li input#Form_Email {
  1.2531 +	margin-bottom: 6px;
  1.2532 +}
  1.2533 +body#dashboard_entry_password #Content input.Password,
  1.2534 +body#dashboard_entry_signin #Content input.Password,
  1.2535 +body#dashboard_entry_index #Content input.Password,
  1.2536 +div.SignInPopup input.Password {
  1.2537 +	width: 180px;
  1.2538 +}
  1.2539 +a.ForgotPassword {
  1.2540 +	margin-left: 10px;
  1.2541 +}
  1.2542 +li.Buttons div a.ForgotPassword {
  1.2543 +	margin: 0;
  1.2544 +}
  1.2545 +body#dashboard_entry_password ul li label.CheckBoxLabel,
  1.2546 +body#dashboard_entry_signin ul li label.CheckBoxLabel,
  1.2547 +body#dashboard_entry_index ul li label.CheckBoxLabel,
  1.2548 +div.SignInPopup ul li label.CheckBoxLabel {
  1.2549 +	color: #777;
  1.2550 +	display: inline;
  1.2551 +	font-size: 12px;
  1.2552 +	font-weight: normal;
  1.2553 +	margin: 10px 0 0 10px;
  1.2554 +}
  1.2555 +body.Entry li.Buttons input.Button,
  1.2556 +div.SignInPopup li.Buttons input.Button {
  1.2557 +	margin: 10px 0;
  1.2558 +}
  1.2559 +div.Entry {
  1.2560 +	position: relative;
  1.2561 +}
  1.2562 +div.Methods {
  1.2563 +	text-align: left;
  1.2564 +	font-size: 14px;
  1.2565 +	font-weight: bold;
  1.2566 +	position: absolute;
  1.2567 +	top: 33px;
  1.2568 +	bottom: 0;
  1.2569 +	right: 0;
  1.2570 +	padding: 12px 20px 6px;
  1.2571 +	line-height: 1;
  1.2572 +}
  1.2573 +body#dashboard_entry_password div.Methods,
  1.2574 +body#dashboard_entry_signin div.Methods,
  1.2575 +body#dashboard_entry_index div.Methods {
  1.2576 +	padding: 10px 6px 6px;
  1.2577 +	background: none;
  1.2578 +}
  1.2579 +div.Methods div.Method {
  1.2580 +	padding: 10px 0 0;
  1.2581 +	text-align: left;
  1.2582 +}
  1.2583 +
  1.2584 +/* Handshake */
  1.2585 +body#dashboard_entry_handshake #Content {
  1.2586 +	width: 720px;
  1.2587 +}
  1.2588 +body#dashboard_entry_handshake #Content form {
  1.2589 +	padding: 20px 30px 26px;
  1.2590 +}
  1.2591 +body#dashboard_entry_handshake ul.NewAccount {
  1.2592 +	float: left;
  1.2593 +	width: 315px;
  1.2594 +	margin-right: 44px;
  1.2595 +	border-right: 1px solid #A5D0E7;
  1.2596 +}
  1.2597 +body#dashboard_entry_handshake ul.LinkAccount {
  1.2598 +	margin-left: 315px;
  1.2599 +}
  1.2600 +ul.NewAccount h2,
  1.2601 +ul.LinkAccount h2 {
  1.2602 +	padding-left: 36px !important;
  1.2603 +	background: url('images/dashboard-sprites.png') 0 -542px no-repeat;
  1.2604 +}
  1.2605 +ul.LinkAccount h2 {
  1.2606 +	padding-left: 84px !important;
  1.2607 +	background-position: 45px -296px;
  1.2608 +}
  1.2609 +body#dashboard_entry_handshake div.Info {
  1.2610 +	border: 1px solid #A5D0E7;
  1.2611 +	background: #D3F0FF;
  1.2612 +	color: #02475A;
  1.2613 +}
  1.2614 +body#dashboard_entry_handshake #Content h2 {
  1.2615 +   border: none;
  1.2616 +   color: #02475A;
  1.2617 +   font-size:140%;
  1.2618 +   font-weight:bold;
  1.2619 +   padding: 6px 0;
  1.2620 +	margin: 0;
  1.2621 +	text-align: left;
  1.2622 +}
  1.2623 +
  1.2624 +
  1.2625 +/* Leaving Page */
  1.2626 +body#dashboard_entry_leave p {
  1.2627 +	margin: 0;
  1.2628 +   padding: 20px 10px;
  1.2629 +}
  1.2630 +body#dashboard_entry_leave p.Leaving {
  1.2631 +   background: url('images/progress.gif') left center no-repeat;
  1.2632 +	margin: 0 0 0 14px;
  1.2633 +   padding: 20px 0 20px 50px;
  1.2634 +}
  1.2635 +
  1.2636 +
  1.2637 +
  1.2638 +/* External App Connect Designs */
  1.2639 +div.Connect h1,
  1.2640 +div.Connect h2 {
  1.2641 +	text-align: left;
  1.2642 +}
  1.2643 +body.connect div.Box {
  1.2644 +	border-radius: none;
  1.2645 +	-moz-border-radius: none;
  1.2646 +	-webkit-border-radius: none;
  1.2647 +	box-shadow: none;
  1.2648 +	-moz-box-shadow: none;
  1.2649 +	-webkit-box-shadow: none;
  1.2650 +	width: 320px;
  1.2651 +	margin: 0 auto;
  1.2652 +	text-align: left;
  1.2653 +	background: none;
  1.2654 +}
  1.2655 +div.ConnectInfo {
  1.2656 +	margin: 10px 0 0;
  1.2657 +	position: relative;
  1.2658 +}
  1.2659 +div.ConnectInfo img {
  1.2660 +	position: absolute;
  1.2661 +	height: 36px;
  1.2662 +	width: 36px;
  1.2663 +	top: 0;
  1.2664 +	left: 0;
  1.2665 +}
  1.2666 +div.ConnectInfo span.Name {
  1.2667 +	padding-left: 46px;
  1.2668 +	font-weight: bold;
  1.2669 +	line-height: 1;
  1.2670 +	font-size: 13px;
  1.2671 +	color: #444;
  1.2672 +	display: block;
  1.2673 +}
  1.2674 +div.ConnectInfo h3 {
  1.2675 +	font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif;
  1.2676 +	font-size: 15px;
  1.2677 +	font-weight: bold;
  1.2678 +	line-height: 1.6;
  1.2679 +	color: #333;
  1.2680 +	padding: 0 0 10px 46px;
  1.2681 +	border: none;
  1.2682 +}
  1.2683 +div.Connect form ul li label,
  1.2684 +div.SignInPopup form ul li label,
  1.2685 +body#dashboard_entry_password form ul li label,
  1.2686 +body#dashboard_entry_signin form ul li label,
  1.2687 +body#dashboard_entry_index form ul li label {
  1.2688 +	font-size: 13px;
  1.2689 +	line-height: 1.5;
  1.2690 +	padding: 0;
  1.2691 +}
  1.2692 +div.Connect form ul li#ConnectPassword label,
  1.2693 +div.SignInPopup form ul li#ConnectPassword label {
  1.2694 +	padding: 10px 0 0;
  1.2695 +}
  1.2696 +div.Connect .FinePrint,
  1.2697 +div.SignInPopup .FinePrint {
  1.2698 +	font-size: 11px;
  1.2699 +	color: #777;
  1.2700 +}
  1.2701 +body#dashboard_entry_password input.InputBox,
  1.2702 +body#dashboard_entry_signin input.InputBox,
  1.2703 +body#dashboard_entry_index input.InputBox,
  1.2704 +div.Connect input.InputBox,
  1.2705 +div.SignInPopup input.InputBox {
  1.2706 +	padding: 3px
  1.2707 +}
  1.2708 +div.Connect .ExistingUsername,
  1.2709 +div.SignInPopup .ExistingUsername {
  1.2710 +	font-weight: bold;
  1.2711 +	line-height: 1;
  1.2712 +	font-size: 13px;
  1.2713 +	color: #000;
  1.2714 +	display: block;
  1.2715 +}
  1.2716 \ No newline at end of file