themes/Blogger/styles/default/vanilla.css

   1 /*Blogger 1.5 By Sam El http://www.ventswap.com*/
   2 body {background: #FFF;color: #333;font: 400 13px/20px Arial, Helvetica, sans-serif;}
   3 a {color: #1D97CC;text-decoration: underline;outline: none;}
   4 a:hover {text-decoration: none;color: #69AE1D;}
   5 #pgbottom {text-decoration: none!important;height: 1px;width: 1px;font-size: 1px;}
   6 /* Errors & Success */
   7 .ErrorContainer {
   8         background: #FFEDEF;
   9         border: 1px solid #FFC2CA;
  10     border-width: 1px 0;
  11         padding: 10px 10px 10px 27px!important;
  12         overflow: hidden;
  13         margin-bottom: 20px!important;
  14         }
  15 .ErrorTitle {font-weight: 700;color: #C00!important;}
  16 .Error {color: #C00!important;}
  17 #Success {
  18     margin-bottom: 10px !important;
  19         display: block;
  20         border-top: 1px solid #9C9;
  21         border-bottom: 1px solid #9C9;
  22         background: #E2F9E3;
  23         color: #060!important;
  24         line-height: 200%;
  25         text-align: center;
  26         font-size: 13px;
  27         }
  28 .Notice {
  29         margin-bottom: 20px;
  30         padding: 8px;
  31         background: #FFEDEF;
  32         border: 1px solid #FFC2CA;
  33     border-width: 1px 0;
  34         font-size:13px;
  35         line-height: 150%;
  36         }
  37 .Notice span {float:right;display: block;}
  38 /* Header , Top Navigation & Session */
  39 #Header {
  40         width: 94%;
  41         height: 42px;
  42         margin: 0 auto;
  43         padding: 10px 3% 0;
  44         background: #111 url('header-bg.gif') repeat-x 0 0;
  45 }
  46 #Header, #Header a {color: #F1F1F1;}
  47 #Header a:hover {color: #69AE1D;}
  48 #Header #Nav {float: left;width: 66%;}
  49 #Nav ul li a {
  50         padding: 0 15px 0;
  51         height: 42px;
  52         float: left;
  53         text-decoration: none;
  54         display: block;
  55         font: bold 12px/37px Arial, Helvetica, sans-serif;
  56 }
  57 #Nav ul li a:hover, #Nav ul li.TabOn a {background: url('nav-arrow.gif') no-repeat center bottom;color: #69AE1D;}
  58 #Header #Session {
  59     float: right;
  60         padding: 10px 0 0;
  61         width: 34%;
  62         text-align: right;
  63         }
  64 #Session a.Skip {padding: 0 33px 0 30px;background: transparent url('skip.gif') no-repeat 65px 5px;}
  65 /* Main Container, Content & Panel */
  66 #Container {
  67         width: 92%;
  68         margin: 5px auto;
  69         padding:0;
  70         background: #FFF url('middle-fade.gif') repeat-y right 0;
  71 }
  72 #Container #Bottom {
  73     clear: both;
  74         height: 12px;
  75     background: transparent url('bottom-fade.gif') repeat-y right bottom;
  76         }
  77 #Content {
  78         padding: 0 45px 0 0;
  79         margin: 0 204px 0 0;
  80         background: transparent url('top-fade.jpg') no-repeat right top;
  81 }
  82 #Content #Title {
  83         background: transparent url('blogger.gif') no-repeat 0 20px;
  84         font: 100 28px/38px Arial, Helvetica, sans-serif;
  85         letter-spacing: -2px;
  86         margin: 0;
  87         padding: 35px 0 30px 78px;
  88 }
  89 #Content #Title a {text-decoration: none;}
  90 #Panel {
  91     float: right;
  92         padding: 30px 0 0;
  93         width: 190px;
  94         min-height: 450px;
  95         display: inline;
  96 }
  97 #Panel h1 {margin-bottom: 15px!important;}
  98 #Panel h1 a {
  99     margin: 0;
 100         text-align: left;
 101     padding: 5px 10px 5px 15px;
 102         font: 700 15px Arial, Helvetica, sans-serif;
 103         text-decoration: none;
 104         background: #F9F9F9 url('links-a.gif') no-repeat 0 10px;
 105         }
 106 #Panel h1 a:hover {background:#FFF url('links-hover.gif') no-repeat 0 10px;}
 107 #Panel h1 a em {font-style: normal;text-decoration: none;}
 108 #Panel h1 a:hover {text-decoration: none;}
 109 #Panel h2 {
 110         font: 100 18px Arial, Helvetica, sans-serif;
 111         margin: 10px 0;
 112         padding:0 0 5px;
 113         letter-spacing: -1px;
 114         }
 115 #Panel ul ul, #Panel ul p, #Panel select {margin:0;}
 116 #panel ul, #panel p {font-size:11px;}
 117 #Panel ul ul {font-size:10px;}
 118 #Panel select {width:100%;margin-top:3px;}
 119 #Panel ul ul li {margin-bottom:3px;overflow: hidden;}
 120 #Panel ul ul li a {
 121         font-size:13px;
 122         font-weight: 700;
 123         display:block;
 124         line-height: 25px;
 125         padding: 0 0 0 15px;
 126         text-decoration:none;
 127         background:#FAFAFA url('links-a.gif') no-repeat 0 8px;
 128         }
 129 #Panel ul ul li a span {font-size: 10px;}
 130 #Panel ul ul li a:hover {background:#FFF url('links-hover.gif') no-repeat 0 8px;}
 131 #AboutVanilla {
 132         margin: 20px 0!important;
 133         border-top:1px solid #EEE;
 134         background-color:#FAFAFA;
 135         padding: 5px 0!important;
 136         color:#BBB;
 137         font-size: 11px;
 138         text-align: center;
 139         }
 140 #AboutVanilla a {color:#D0D0D0 !important;text-decoration:none;}
 141 #AboutVanilla a:hover {color:#AAA!important;text-decoration:underline;}
 142 /* ContentInfo/Control/Whatever - Universal to Discussion Index & Comments */
 143 .ContentInfo {text-align:right;}
 144 .ContentInfo.Top {white-space:nowrap;overflow: hidden;}
 145 .ContentInfo * {font-size:12px;font-weight:700;}
 146 #Content h1{
 147     margin: 0 10% 10px 0!important;
 148     padding: 0;
 149         float: left;
 150         font: 100 20px Arial, Helvetica, sans-serif;
 151         letter-spacing: -1px;
 152         text-align: left;
 153         line-height: 23px;
 154         }
 155 #Content .PageScroll {
 156     margin: 5px 0 0;
 157         float: right;
 158         width: 13px;
 159         height: 11px;
 160         display: block;
 161         }
 162 #CommentsPage .ContentInfo h1 {float:left;width:70%;white-space:nowrap;text-align:left; }
 163 #DiscussionsPage .ContentInfo h1 {float:none;text-align:left;}
 164 .ContentInfo h1 a {text-decoration:underline; font-size: 90%;}
 165 .ContentInfo h1 a:hover {text-decoration: none;}
 166 /*Pagination*/
 167 .PageInfo {color:#CCC;font-weight:700;line-height: 21px;clear: both;}
 168 .PageInfo p {display:inline;float: left;}
 169 .PageList {border-top:1px solid #EEE;}
 170 .PageList li {display:inline;}
 171 .PageList a,.PageList li a {text-decoration:none;}
 172 .PageList .CurrentPage, .PageList a:hover,.PageList li a:hover {text-decoration:none;}
 173 /* Discussion Index */
 174 #Discussions {width: 100%;}
 175 .Discussion {overflow: hidden;width: 100%;line-height: 200%;}
 176 .DiscussionTopic, .User.Name {overflow: hidden;}
 177 .DiscussionTopic span {display: none;}
 178 #CommentResults .DiscussionTopic, #CommentResults .CommentText, #CommentResults .DiscussionCategory {
 179     float: left;
 180         display: block;
 181         width: 99%;
 182         }
 183 #CommentResults .DiscussionTopic a {display: block;line-height: 35px;}
 184 #Discussions .Topics {margin: 20px 0 0;padding: 0;}
 185 #Discussions .Topics .Date {
 186     margin: 0 15px 0 0;
 187         float: left;
 188         width: 60px;
 189         height: 68px;
 190         text-align: center;
 191         background: url('date.png') no-repeat 0 0;
 192 }
 193 #Discussions .Topics .Date .Month {color: #F1F1F1;padding: 9px 2px 3px 0;}
 194 #Discussions .Topics .Date .Month, #Discussions .Topics .Date .Day {font: 700 14px/18px Arial, Helvetica, sans-serif;}
 195 #Discussions .Topics .TopicTitle {font-weight: 700; margin-left: 61px;}
 196 .DiscussionTopic a, #Discussions .Topics .TopicTitle a {font: 100 18px Arial, Helvetica, sans-serif; }
 197 #Discussions .Topics .TopicInfo {margin: 5px 0 15px;padding: 2px 0 0;overflow: hidden;border-top: 1px dotted #BBB;  }
 198 .User.Name a {text-decoration: underline!important;font-weight: 700;}
 199 #Discussions .Topics .DiscussionCategory, #Discussions .Topics .DiscussionStarted, #Discussions .Topics .DiscussionComments,
 200 #Discussions .Topics .DiscussionLastComment, #Discussions .Topics .DiscussionActive, #Discussions .Topics .DiscussionNew {
 201         width: auto;
 202         display: inline;
 203         font: 400 12px Arial, Helvetica, sans-serif;
 204         margin-right: 10px!important;
 205 }
 206 #Discussions .Topics .DiscussionCategory a, #Discussions .Topics .DiscussionStarted a,
 207 #Discussions .Topics .DiscussionComments a, #Discussions .Topics .DiscussionLastComment a,
 208 #Discussions .Topics .DiscussionActive a, #Discussions .Topics .DiscussionNew a {padding: 5px 0 5px 7px;}
 209 #Discussions .Topics li.Read.NewComments .DiscussionNew {display: inline;}
 210 .DiscussionNew a {color: #69AE1D!important;}
 211 /* Category Index */
 212 #Categories {padding-bottom: 20px!important;width: 100%;border-top: 1px solid #EEE;}
 213 .BlockedCategory .CategoryName a {
 214     padding-left: 31px;
 215         text-decoration: underline!important;
 216         background: url('cats-blocked.gif') no-repeat 0 0;
 217         }
 218 .UnblockedCategory {background: #FFF;}
 219 #Categories li ul {margin: 0;padding: 15px 0;}
 220 #Categories li li {height:auto;border:0;}
 221 #Categories ul span, #Categories ul span a, #Categories ul a {text-decoration:none;}
 222 #Categories ul span a:hover, #Categories ul a:hover {text-decoration: underline;cursor: pointer;}
 223 .Category {overflow: hidden;width: 100%;}
 224 .CategoryName {margin: 0 5px 10px 0!important;font-size:15px;font-weight:700;}
 225 .CategoryName a {padding: 3px 0 3px 31px;text-decoration: underline!important; background: url('cats.gif') no-repeat 0 0;}
 226 .CategoryName a:hover {text-decoration: none!important;}
 227 .CategoryName span, .CategoryDescription span, .CategoryDescription {padding-bottom: 10px;line-height: 25px;overflow: hidden;}
 228 .CategoryDiscussionCount, .CategoryOptions {width: auto;display:inline;margin-right:15px!important;font-weight: 700;}
 229 /* Comments.. */
 230 #CommentsPage #Content .ContentInfo h1 {font: 700 15px/120% Arial, Helvetica, sans-serif; color: #555;}
 231 #CommentsPage #Content h1 a {font-size: 18px; font-weight: 400;}
 232 #Comments li {margin: 0;padding:10px 0;}
 233 #Comments li.Hidden {background: #FAFAFA url('hidden-tile.gif') top left repeat-x;}
 234 #Comments .CommentHeader {
 235         padding: 0 0 15px 10px;
 236         text-align:right;
 237         line-height:42px;
 238         background: transparent url('bubble.gif') no-repeat left bottom;
 239         }
 240 #Comments .CommentHeader li {display:inline;color:#CCC;font-size:12px;border-bottom:0;}
 241 #Comments .CommentHeader li div.CommentIcon {
 242         padding:9px 0 9px 30px;
 243         margin-right: 6px;
 244         background-repeat:no-repeat;
 245         display: inline;
 246         background: #FFF center center no-repeat;
 247         }
 248 #Comments .CommentHeader a.WhisperBack {padding-left: 10px;text-decoration: underline;font-weight: 400;}
 249 #Comments .CommentHeader em {color:#BBB;font-style:normal;}
 250 #Comments li.Hidden .CommentHeader i {padding-left: 8px;color:#C00;font-style: normal;}
 251 #Comments .CommentHeader a {font-weight:700;}
 252 #Comments .CommentHeader span {font-weight: 400;color:#CCC;}
 253 #Comments .CommentHeader span a {
 254     margin-left:3px;
 255         padding-left:3px;
 256         font-weight: normal;
 257         cursor: pointer;
 258         text-decoration: underline;
 259         }
 260 #Comments .CommentHeader span a:hover {text-decoration: none;}
 261 #Comments .CommentNotice {
 262     margin: 10px 0;
 263         padding: 6px;
 264         text-align: center;
 265         border-top: 1px solid #D9999A;
 266         border-bottom: 1px solid #D9999A;
 267         background: #EEE;
 268         color: #333!important;
 269         }
 270 #Comments .CommentBody {
 271         display:block;
 272         margin: -1px 0 10px;
 273         padding: 15px;
 274         font-size: 14px;
 275         line-height: 150%;
 276         background-color: #FFF;
 277         border: 1px solid #B4E4F0;
 278         border-width: 0 1px 1px 1px;
 279         }
 280 #Comments .CommentBody ul li,
 281 #Comments .CommentBody ol li {border-bottom:none;padding:0;}
 282 #CommentsPage .ContentInfo.Middle .PageInfo {border-top: 0;margin:0;}
 283 #CommentsPage .ContentInfo.Bottom {margin-bottom: 20px;}
 284 #Comments code {
 285     margin: 0;
 286     padding: 10px 10px 10px 43px;
 287     display: block;
 288     white-space: pre;
 289     background: #F4FAFF url('code.gif') no-repeat 0 0;
 290 }
 291 .WhisperFrom .CommentBody {background-color:#F9F9F9!important;}
 292 .WhisperTo .CommentBody {background-color:#F4FAFF!important;}
 293 /* Blockquote */
 294 #Comments blockquote blockquote {border: 1px solid #B4E4F0;}
 295 #Comments blockquote {
 296     margin: 0;
 297     padding:15px 15px 15px 15px;
 298     border : 1px solid #EEE;
 299     background-color: #F9F9F9;
 300     quotes: "\201C" "\201D";
 301     font-style: italic;
 302     }
 303 #Comments blockquote:before { content: open-quote; font-weight: 700; font-size: 200%;}
 304 #Comments blockquote:after { content: close-quote; font-weight: 700;font-size: 200%;}
 305 #Comments blockquote cite {
 306     font-weight:700;
 307     display:block;
 308     margin:-10px 0 10px;
 309     padding-bottom:5px;
 310     }
 311 /* Search Page */
 312 #Form.Search {width: 99%!important;}
 313 html>body #Form.Search  {width: 100%!important;}
 314 #Form.Search fieldset legend {padding: 0!important;margin-bottom: 6px;}
 315 #SearchSimple {margin: 0!important;}
 316 #SearchSimple label {display: inline!important;width: 10px!important;}
 317 #MainSearchInput #txtKeywords {width: 60% !important;margin-left: 0!important;}
 318 #MainSearchInput label {display: none!important;}
 319 #MainSearchInput #txtKeywords, .SearchInput, .SmallInput, .LVLabelInput, .LVValueInput, .DiscussionBox {
 320     border: 1px solid #EEE;
 321     height: 20px;
 322 }
 323 #Form.Search .Submit input {margin: 0!important;}
 324 #SimpleSearchRadios input {width: auto!important;margin: 0 2px 0 12px;}
 325 #SimpleSearchRadios label {font-weight: 400!important;}
 326 .SearchSwitch {display: block;float: right;margin-top: -27px!important;}
 327 /* Advanced Search Form */
 328 #SearchDiscussionFields, #SearchCommentFields, #SearchUserFields {display: none;}
 329 .AdvancedSearchInput {width: 60% !important;}
 330 .AdvancedUserInput, #DiscussionAutoCompleteResults,
 331 #CommentAutoCompleteResults {width: 160px !important;}
 332 #ddRoles, #ddOrder, #ddCommentCategories, #ddDiscussionCategories {width: auto !important;}
 333 /* Search Results */
 334 #SearchPage {margin: 0;}
 335 #SearchPage .ContentInfo h1 {text-align: left !important;}
 336 #SearchPage .Bottom .PageList {margin-top: 0!important;border-top: 0!important;}
 337 /* Comment Search Results */
 338 #CommentResults .CommentText span {display: none;}
 339 #CommentResults .CommentText span.Highlight {display:inline;}
 340 #CommentResults .CommentText, #CommentResults .SearchComment, #UserResults .UserAccount {overflow: hidden;width: 100%;}
 341 #CommentResults .CommentText span.Highlight {display:inline;}
 342 #CommentResults li ul {padding: 0 0 10px;}
 343 #CommentResults .CommentText span {display: none;}
 344 #CommentResults .CommentText, #CommentResults .CommentText a {margin:6px 0 4px !important;}
 345 #CommentResults .CommentAuthor, .CommentAdded {width: auto;display:inline;margin:0 10px 0 0!important;}
 346 /* User Search Results */
 347 #UserResults li {border-top: 1px solid #FFF!important;}
 348 #UserResults li ul {margin-top: 10px !important;}
 349 #UserResults li li {height:auto;border:0;}
 350 #UserResults li ul {padding: 6px 6px 7px;}
 351 li.User {display:inline;font-size:11px;margin-right:10px !important;}
 352 li.User span {color: #AAA;}
 353 li.User.Name {display:block;font-size: 11px;line-height: 20px;}
 354 li.User.Name .UserIcon {
 355         padding:9px 0 9px 30px!important;
 356         margin-right: 6px!important;
 357         background-repeat:no-repeat !important;
 358         display: inline!important;
 359         background: center center no-repeat;
 360         }
 361 li.User.Name a {font-size: 14px;}
 362 li.User.Name.WithIcon {line-height:32px;}
 363 li.User.Name a:hover {text-decoration: none!important;  }
 364 li.User.Name span {display:none;}
 365 /* Forms.. */
 366 #Form {margin-bottom: 10px;width: 100%;}
 367 #Form fieldset {border:0;clear:none;margin-bottom: 20px;}
 368 #Form fieldset legend {
 369         padding: 4px 0;
 370         margin: 0;
 371         font-size:14px;
 372         font-weight:700;
 373         color: #171717;
 374         }
 375 #Form form {
 376         margin: 0;
 377         padding:10px 10px 0;
 378         border-top:1px solid #EEE;
 379         background-color:#FAFAFA;
 380         }
 381 #Form li {margin-bottom:10px;font-weight:700;}
 382 #Form label a {
 383         margin: 0 2px -3px 0;
 384     float: right;
 385     padding: 3px 7px;
 386     text-decoration: none;
 387     font-weight: 400;
 388     border: 1px solid #EEE;
 389     background: #FFF;
 390         }
 391 #WhisperUsername, #WhisperAutoCompleteResults {width: 200px;border: 1px solid #EEE;height: 20px}
 392 #Form textarea, #Form input, #Form select {font-size:13px;font-weight: 400;}
 393 #Form textarea {width:99.5%;height:150px;}
 394 #Form textarea {border: 1px solid #EEE;}
 395 #Form textarea.SmallCommentBox {height: 150px;}
 396 #Form textarea.LargeCommentBox {height: 400px;}
 397 #Form .Button.SubmitButton {margin-right:10px;}
 398 /* Add Comment & Start Discussion Forms */
 399 #Form.StartDiscussion legend, #PostPage #Form.AddComments legend {padding-top: 0;}
 400 .AddComments {width: 99%;}
 401 #Form.AddComments {width: 100%;}
 402 #Form.AddComments fieldset {margin: 0;}
 403 #Form.AddComments form {margin-top: 0!important;}
 404 #Form.StartDiscussion label, #Form.AddComments label {display:block;width:100%;font-weight:700;}
 405 #Form.StartDiscussion label.Radio,
 406 #Form.AddComments label.Radio {display:inline!important;width:auto!important;}
 407 #Form.AddComments {margin: 0 0 4px;padding: 4px 0 0;}
 408 #PostPage #Form.AddComments {padding: 0;}
 409 .DiscussionBox {width: 400px;}
 410 #Form .Button {width: auto!important;}
 411 #Form.AddComments a, #Form.StartDiscussion a {font-weight: 400;}
 412 #CommentFormats input {margin: 0 2px 0 12px;}
 413 #Form.StartDiscussion #CommentFormats label,
 414 #Form.AddComments #CommentFormats label {font-weight: 400;}
 415 /* Account Section Forms.. */
 416 .Account {width:450px;margin: 0!important;}
 417 #Form.Account h2 {font-size:14px;margin-bottom:10px;}
 418 #Form.Account p {padding-bottom: 10px;}
 419 #Form.Account ul p {padding: 0;}
 420 #Form.Account label {display:block;width:80%;line-height:18px;margin-bottom: 4px;}
 421 #Form.Extensions label {width: 100%;}
 422 #Form.Account .Description span label,
 423 #Form.Account label small {font-weight:400;}
 424 #Form.Account input, #Form.Account select {width:40%;}
 425 #Form.GlobalsForm input, #Form.GlobalsForm select {width: 59%;}
 426 .Description {margin:3px 0!important;padding: 3px 0 5px!important;font-weight: 400;}
 427 #Form.Account p span {display:block;margin-top:5px;}
 428 #Form.Account p span label {float:none; display:inline;margin-left:5px;font-weight:700;line-height:20px;width:90%;}
 429 #Form.Account p span input {width:14px; }
 430 /* Globals Form */
 431 #Form.GlobalsForm select.SmallSelect {font-size: 11px;width: 50px;}
 432 #Form.GlobalsForm #ForumOptions p span label {font-weight:400 !important;}
 433 #Form.GlobalsForm #ForumOptions {margin-bottom: 20px;}
 434 #Form.GlobalsForm p {margin-bottom: 10px;}
 435 /* Update Check */
 436 .UpdateOld .Name, .UpdateGood .Name, .UpdateUnknown .Name, .UpdateChecking .Name {padding: 0 0 4px 23px !important;}
 437 #Form.Preferences p span label, .UpdateOld .Details, .UpdateGood .Details, .UpdateUnknown .Details, .UpdateChecking .Details {font-weight: 400;}
 438 .UpdateOld, .UpdateUnknown {background: #FFFFCC;}
 439 .UpdateGood {background: #E2F9E3;}
 440 .UpdateChecking {background: #FFFEEC;}
 441 .UpdateOld .Name {background: url('ico.alert.gif') no-repeat top left;}
 442 .UpdateGood .Name {background: url('ico.check.gif') no-repeat top left;}
 443 .UpdateUnknown .Name {background: url('ico.unknown.gif') no-repeat top left;}
 444 .UpdateChecking .Name, div.Extensions ul li.Processing label {background: url('progress.gif') no-repeat center left;}
 445 /* RoleEdit Form & Category List */
 446 #Form.CategoryList .RoleBlocked {background: #F4F4C2 url('disabled-tile.gif');}
 447 /* Category Form */
 448 #Form.RoleEditForm li p span label, #Form.CategoryForm li p span label {font-weight: 400!important;}
 449 /* Custom form for extensions management screen */
 450 #Form.Extensions {margin: 0 0 20px!important;}
 451 div.Extensions ul {border:1px solid #EEE;margin: 10px 0 20px!important;}
 452 div.Extensions ul, div.Extensions ul li.Disabled {background-color:#FFF;}
 453 div.Extensions ul li {margin:0!important;padding:10px!important;overflow: hidden;}
 454 div.Extensions ul li.Enabled {background: #FEFECB;}
 455 div.Extensions ul li.Processing {background: #FEFECB;}
 456 div.Extensions ul li.Processing input {display: none;}
 457 div.Extensions ul li.Processing * {color: #B9AB7E !important;}
 458 div.Extensions h3 {font-size:13px;}
 459 div.Extensions h3 label {display: inline!important;padding-left: 20px!important;}
 460 div.Extensions ul li input {width: auto!important;margin-top: 3px !important;float: left;}
 461 div.Extensions h3 a {color:#1EB136 !important;text-decoration: none;}
 462 div.Extensions h3 a:hover {text-decoration: underline;}
 463 div.Extensions ul li span,div.Extensions ul li span * {font-size: 12px;font-weight: 400;z-index: 1;}
 464 div.Extensions ul li span {margin-left: 10px !important;}
 465 div.Extensions .Version {font-weight: 700;margin-left: 5px !important;}
 466 div.Extensions ul li p {padding-left:30px !important;font-weight:400;}
 467 div.Extensions ul li p a {text-decoration: none;}
 468 div.Extensions ul li p a:hover {text-decoration: underline;}
 469 /* Custom form for sortable list */
 470 .SortList {background-color: #EAEAEA;border: 1px solid #FFF;border-top: 0;}
 471 .MovableSortListItem {cursor: move;}
 472 .SortListItem {border-top: 1px solid #FFF;padding: 6px!important;margin: 0!important;position: relative;}
 473 .SortListOptions {
 474         float: right !important;
 475         float: none;
 476         position: relative !important;
 477         position: absolute;
 478         right: auto !important;
 479         right: 20px;
 480         }
 481 .SortEdit, .SortEdit:link, .SortEdit:active, .SortEdit:visited {
 482         color: #1EB136!important;
 483         font-weight: 400!important;
 484         text-decoration: none!important;
 485         }
 486 .SortEdit:hover {text-decoration: underline;}
 487 .SortRemove {
 488         background: url('btn.remove.gif') no-repeat center right;
 489         text-decoration: none;
 490         margin-left: 10px!important;
 491         padding-left: 15px!important;
 492         }
 493 #CustomInfo li {width:50%;float:left;}
 494 #CustomInfo li input {width:80%!important;}
 495 .Submit {margin:20px 0 !important;text-align:right;}
 496 .Submit input {width: auto !important;float:left;cursor:pointer;}
 497 /* Profile Page.. */
 498 #AccountProfile #Success, #AccountProfile .ErrorContainer {margin-right: 18px;}
 499 #AccountProfile .ErrorContainer {margin-bottom: 10px;border-bottom: 1px solid #FFC2CA;}
 500 #AccountProfile {float:left;width:300px;border-right:1px solid #EEE;}
 501 #AccountProfile li {clear:both;margin-right:20px;line-height:18px;}
 502 #AccountProfile h3 {font-size:12px;width:46%;float:left;}
 503 #AccountProfile p {float:left;width:53%;}
 504 #AccountProfile h2 {font-size:14px;width:60%;float:left;}
 505 #AccountProfile .ProfileTitle * {line-height:40px;}
 506 #AccountProfile .Tagline {
 507         padding: 6px;
 508         text-align: center;
 509         border-top: 1px solid #D9999A;
 510         border-bottom: 1px solid #D9999A;
 511         background: #FEE1E1;
 512         margin: 0 20px 10px 0;
 513         }
 514 .ProfileTitleIcon {background-repeat:no-repeat;}
 515 .ProfileTitle h2 {width:48%!important;}
 516 .ProfileTitle.WithIcon h2 {padding-left:10px!important;width: auto;}
 517 .ProfileTitle.WithIcon .ProfileIcon {
 518         padding:9px 0 9px 30px;
 519         background: #FFF no-repeat center center;
 520         margin-right: 6px;
 521         display: inline;
 522         float: left;
 523         width: 38px;
 524         }
 525 #AccountProfile .ProfileTitle p {width:auto;float: right;text-align:right;font-size:11px;color:#AAA;}
 526 #AccountProfile .ProfileTitle {line-height:20px;margin-bottom:10px;}
 527 #AccountProfile .Picture {width: 280px;height: 200px;overflow: hidden;background: center center no-repeat;margin-bottom: 6px;}
 528 #AccountHistory {margin-left:320px;}
 529 html>body #AccountHistory {margin-left:300px!important;}
 530 #AccountHistory ul, #AccountHistory h2 {margin:0 20px;}
 531 #AccountHistory ul {margin-bottom:20px; }
 532 #AccountHistory h2 {font-size:14px;}
 533 #AccountHistory ul {border-top:1px solid #EEE;}
 534 #AccountHistory li {padding:5px;}
 535 #AccountHistory h3 small {font-size:11px;}
 536 #AccountHistory p {font-size:11px;}
 537 #AccountHistory p.Note {padding:3px;padding-bottom:0;font-style:italic;}
 538 /* Settings Home */
 539 #Form.Help form {margin: 0;padding: 0 10px;width: 98%!important;}
 540 #SettingsPage #Form.Help p.Description {padding: 10px!important;color:#000 !important;}
 541 #SettingsPage #Content dl *, #AccountHistory h3, #AccountHistory h3 a {font-size:12px;}
 542 #SettingsPage #Content dl dt {margin: 10px;font-weight:700;font-size:14px;}
 543 #SettingsPage #Content dl dd {margin:10px;}
 544 .hiLite {background-color:#FF9;font-style:normal;}
 545 /* Autocomplete results */
 546 .AutoCompleteContainer {border: 1px solid #EEE; border-top: 0;}
 547 .AutoCompleteContainer td {padding: 3px;cursor: pointer;}
 548 .AutoCompleteRow td {background: #FFF;}
 549 .AutoCompleteHoverRow td {background: #335EA8;color: #FFF;}
 550 /* Ajax progress */
 551 .HideProgress {
 552         background: url('hprogress.gif') center center no-repeat;
 553         text-decoration: none!important;
 554         padding-left: 15px;
 555         padding-right: 15px;
 556         }
 557 .Progress {background: url('hprogress.gif') left center no-repeat;padding-left: 22px!important;}
 558 .PreferenceProgress {background: url('hprogress.gif') left center no-repeat;padding-left: 16px!important;}
 559 .Complete, .PreferenceComplete {background: none;padding-left: 0;}
 560 /*Footer*/
 561 #Footer {
 562     clear: both;
 563         margin: 0;
 564         padding: 15px 0 0;
 565         height: 40px;
 566         background: #111 url('header-bg.gif') repeat-x 0 0;
 567         color: #C1C1C1;
 568         text-align: center;
 569 }
 570 #Footer p {font-size: 12px;}
 571 #Footer p, #Footer p a {padding: 0 10px;color: #C1C1C1;}
 572 #Footer p a:hover {text-decoration:none;padding: 0 10px;color: #F1F1F1;}
 573 /* Thank you positioniseverything.com*/
 574 .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
 575 .clearfix {display:inline-table;}
 576 /* Hides from IE-mac \*/
 577 * html .clearfix, #Form h2, #Form p {height:1%;}
 578 .clearfix {display:block;}
 579 /* MISC */
 580 body, #Panel *, h2, h3, form, label, input, span, ul, li, #FooterWrap, .PageInfo, .PageInfo p, .PageList, #Discussions, #Discussions *, .ContentInfo *, #Categories, .Category, #Comments, .CommentHeader li, #CommentResults, #CommentResults *, #Form *, #SettingsPage #Content dl *, .AutoCompleteContainer, #Categories, .Category, #AccountProfile *, #UserResults, #UserResults *, #AccountHistory *, #Footer p {margin: 0;padding: 0;}
 581 ul, ol, #Form *, #AccountHistory *, #AccountProfile * {list-style: none;}
 582 img {border: 0;}
 583 .Spacer {font-size: 0;line-height: 0;clear: both;}
 584 #Header #Nav, #Nav ul li, #Discussions, #Categories, #Comments .CommentHeader ul, .floatLeft, .left, #Form.GlobalsForm label {float:left;}
 585 .Invisible, #Comments .CommentHeader li span, .PreferenceProgress input, .PreferenceComplete input, .CategoryName span,
 586 .CategoryDescription span,
 587 .CategoryName.Normal {display: none; }
 588 #Panel h2, .PageInfo, #Categories li ul, #SearchPage #Discussions, #CommentResults li ul, #Form form, #AccountHistory li, #Comments blockquote cite{border-bottom:1px solid #EEE;}