BODY {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: left top; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-x; FONT-FAMILY: Tahoma, Arial; BACKGROUND-COLOR: #c4df9b
}
TABLE {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Tahoma, Arial
}
TD {
	WORD-BREAK: break-all
}
A:link {
	COLOR: #0000ff; TEXT-DECORATION: none
}
A:visited {
	COLOR: #0000ff; TEXT-DECORATION: none
}
A:hover {
	COLOR: #0000ff; TEXT-DECORATION: underline
}
IMG {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; HEIGHT: auto; max-width: 100%
}
HR {
	BORDER-TOP: #cccccc 1px solid; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; HEIGHT: 1px; BORDER-RIGHT-WIDTH: 1px
}
FORM {
	DISPLAY: inline
}
INPUT {
	FONT-SIZE: 12px; FONT-FAMILY: Tahoma, Arial
}
INPUT.text {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #cccccc 1px solid; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #f9f9f9
}
INPUT.button {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 4px solid; COLOR: #000000; BORDER-BOTTOM: #999999 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #f9f9f9
}
TEXTAREA {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #cccccc 1px solid; COLOR: #000000; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Tahoma, Arial; BACKGROUND-COLOR: #f9f9f9
}
SELECT {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Tahoma, Arial; BACKGROUND-COLOR: #ffffff
}
#wrapper {
	
}
#innerWrapper {
	WIDTH: 86%; POSITION: relative
}
#header {
	BACKGROUND: no-repeat right top
}
#innerHeader {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; MARGIN-BOTTOM: 30px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
#footer {
	CLEAR: both
}
#innerFooter {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 11px; PADDING-BOTTOM: 10px; COLOR: #666666; PADDING-TOP: 25px; TEXT-ALIGN: center
}
#blogLogo {
	
}
#logo {
	MARGIN-TOP: 0px; FLOAT: right; MARGIN-RIGHT: 0px
}
.blog-header {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 24px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: black; PADDING-TOP: 0px
}
H1 A:link {
	COLOR: #c4df9b; TEXT-DECORATION: none
}
H1 A:visited {
	COLOR: #c4df9b; TEXT-DECORATION: none
}
H1 A:hover {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.blog-desc {
	COLOR: #ec008c
}
#menu {
	MARGIN-TOP: 0px; COLOR: #ffffff
}
#menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#menu LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 4px; BORDER-LEFT: #ffffff 1px solid; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#menu A {
	COLOR: #ffffff
}
#mainWrapper {
	
}
.sidebar {
	FLOAT: left; WIDTH: 210px
}
.sidebar-hide {
	DISPLAY: none; FLOAT: left
}
#innerSidebar {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.content {
	FLOAT: right; MARGIN-LEFT: -220px; WIDTH: 100%
}
.content-wide {
	MARGIN: 10px 10px 10px -210px; WIDTH: auto
}
.content-only {
	MARGIN: 10px 10px 10px -210px; WIDTH: auto
}
#innerContent {
	MARGIN-LEFT: 220px; OVERFLOW: visible
}
.clear {
	CLEAR: both; BORDER-TOP: transparent 0px solid; MARGIN-TOP: 0px; VISIBILITY: hidden
}
.panel {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px
}
.panel H5 {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; MARGIN: 0px; COLOR: #ec008c; PADDING-TOP: 2px; BORDER-BOTTOM: #ec008c 1px solid
}
.panel-content {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; COLOR: #999999; LINE-HEIGHT: 120%; PADDING-TOP: 5px
}
.panel-content UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.panel-content LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #999999; PADDING-TOP: 0px; LIST-STYLE-TYPE: square
}
#loginForm {
	WIDTH: 90%
}
#calendar {
	MARGIN-TOP: 5px; WIDTH: 200px
}
.calendar-top {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: #333333; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar-year {
	FONT-WEIGHT: bold
}
.calendar-month {
	FONT-WEIGHT: bold
}
.calendar-weekdays {
	BACKGROUND: #f6f6f6
}
.calendar-weekday-cell {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; WIDTH: 14%; COLOR: #666666; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar-main {
	BACKGROUND: #ffffff
}
.calendar-day {
	BACKGROUND-COLOR: #e2efcd
}
.calendar-day-blank {
	BACKGROUND-COLOR: #e2efcd
}
.calendar-saturday {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 14%; COLOR: #666666; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar-sunday {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 14%; COLOR: #666666; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar-today {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 14%; COLOR: #666666; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar-saturday {
	FONT-WEIGHT: bold; COLOR: #ec008c; BACKGROUND-COLOR: #e2efcd
}
.calendar-sunday {
	FONT-WEIGHT: bold; COLOR: #ec008c; BACKGROUND-COLOR: #e2efcd
}
.calendar-today {
	BORDER-RIGHT: #ec008c 1px dashed; BORDER-TOP: #ec008c 1px dashed; BORDER-LEFT: #ec008c 1px dashed; BORDER-BOTTOM: #ec008c 1px dashed; BACKGROUND-COLOR: #e2efcd
}
.calendar-day A:link {
	FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.calendar-day A:visited {
	FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.calendar-saturday A:link {
	FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.calendar-saturday A:visited {
	FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.calendar-sunday A:link {
	FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.calendar-sunday A:visited {
	FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.calendar-today A:link {
	FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.calendar-today A:visited {
	FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
#panelStats .panel-content {
	COLOR: black
}
.search-field {
	WIDTH: 155px
}
.announce {
	BORDER-RIGHT: #ec008c 1px solid; BACKGROUND-POSITION: left top; BORDER-TOP: #ec008c 4px solid; BACKGROUND-IMAGE: url(images/article-title-bg.gif); MARGIN-BOTTOM: 10px; BORDER-LEFT: #ec008c 1px solid; BORDER-BOTTOM: #ec008c 1px solid; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #e2efcd
}
.announce-content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #666666; PADDING-TOP: 10px
}
.announce-time {
	FONT-SIZE: 11px; FLOAT: right; COLOR: #999999
}
.article-top {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #c4df9b; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.article-bottom {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #c4df9b; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.pages {
	COLOR: #ec008c
}
.pagelink-current {
	FONT-WEIGHT: bold
}
.view-mode {
	FLOAT: right; COLOR: #999999
}
.listbox {
	BORDER-TOP: #cccccc 1px dashed; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px dashed
}
.listbox-table {
	WIDTH: 99%
}
.listbox-header {
	FONT-WEIGHT: bold; COLOR: #666666; TEXT-DECORATION: underline
}
.listbox-entry {
	BACKGROUND: #e2efcd; COLOR: #666666
}
.listbox-entry A {
	
}
.no-entry {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; MARGIN-TOP: 15px; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}
.no-entry-message {
	BACKGROUND: #e2efcd; PADDING-BOTTOM: 25px; COLOR: #666666; PADDING-TOP: 25px; TEXT-ALIGN: center
}
.prev-article {
	FLOAT: left
}
.next-article {
	FLOAT: right
}
.category-label {
	TEXT-ALIGN: center
}
.textbox {
	MARGIN-BOTTOM: 15px; BACKGROUND-COLOR: #ffffff
}
.textbox-title {
	BORDER-RIGHT: #ffffff 0px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: left top; BORDER-TOP: #ffffff 0px solid; PADDING-LEFT: 6px; FONT-SIZE: 14px; BACKGROUND-IMAGE: url(images/round-top.gif); PADDING-BOTTOM: 6px; BORDER-LEFT: #ffffff 0px solid; PADDING-TOP: 6px; BORDER-BOTTOM: #c0c0c0 1px dashed; BACKGROUND-REPEAT: no-repeat; POSITION: relative; BACKGROUND-COLOR: #ffffff
}
.textbox-title H4 {
	DISPLAY: inline; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 16px; WORD-WRAP: break-word
}
.textbox-label {
	PADDING-LEFT: 5px; FONT-SIZE: 11px; COLOR: #666666
}
.textbox-fontsize {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; COLOR: #666666; PADDING-TOP: 5px; TEXT-ALIGN: right
}
.textbox-content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BACKGROUND-COLOR: #ffffff; WORD-WRAP: break-word
}
.textbox-bottom {
	BACKGROUND-POSITION: left bottom; BORDER-TOP: #c0c0c0 1px dashed; PADDING-LEFT: 10px; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(images/round-bottom.gif); PADDING-BOTTOM: 5px; COLOR: #666666; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat
}
.editmark {
	MARGIN-TOP: 20px; FONT-SIZE: 11px; COLOR: #999999
}
.textbox-urls {
	BORDER-TOP: #c0c0c0 1px dashed; MARGIN-TOP: 10px; FONT-SIZE: 11px; COLOR: #666666; PADDING-TOP: 5px
}
.gbbox {
	BORDER-TOP: #c0c0c0 1px dashed; MARGIN-BOTTOM: 5px; BORDER-BOTTOM: #c0c0c0 1px dashed
}
.gbbox-title {
	FONT-WEIGHT: bold; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; BORDER-BOTTOM: #c0c0c0 1px dashed
}
.gbbox-label {
	DISPLAY: inline; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #999999
}
.gbbox-content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BACKGROUND-COLOR: #fbfbf8; WORD-WRAP: break-word
}
.gbbox-reply {
	PADDING-RIGHT: 10px; BORDER-TOP: #e0e0e0 1px dashed; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #333333; PADDING-TOP: 10px; BACKGROUND-COLOR: #f8f8f6
}
.gbbox-reply-title {
	FONT-WEIGHT: bold; MARGIN-BOTTOM: 5px
}
.gbbox-reply-label {
	DISPLAY: inline; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #999999
}
.comment-wrapper {
	BACKGROUND: #e2efcd
}
.comment-top {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #ffffff; PADDING-BOTTOM: 5px; MARGIN: 0px; COLOR: #666666; PADDING-TOP: 5px; TEXT-ALIGN: right
}
.comment-pages {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 5px; COLOR: #999999; PADDING-TOP: 5px
}
.commentbox {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 5px; PADDING-TOP: 5px; WORD-WRAP: break-word
}
.commentbox-title {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #c0c0c0 1px dashed
}
.commentbox-label {
	DISPLAY: inline; FONT-SIZE: 11px; COLOR: #666666
}
.commentbox-content {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.no-comment-box {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 10px; BACKGROUND: #e2efcd; PADDING-BOTTOM: 10px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #666666; PADDING-TOP: 10px; BORDER-BOTTOM: #e0e0e0 1px solid
}
.trackbackbox {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 5px; PADDING-TOP: 5px
}
.trackbackbox-title {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #c0c0c0 1px dashed
}
.trackbackbox-label {
	DISPLAY: inline; FONT-SIZE: 11px; COLOR: #666666
}
.trackbackbox-content {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; COLOR: #333333; PADDING-TOP: 3px
}
.trackbackbox A {
	COLOR: #000000
}
#commentForm {
	WIDTH: 99%
}
.messagebox {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BACKGROUND: #e2efcd; BORDER-LEFT: #cccccc 1px solid; WIDTH: 500px; BORDER-BOTTOM: #cccccc 1px solid; TEXT-ALIGN: center
}
.messagebox-title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #666666; PADDING-TOP: 5px; BACKGROUND-COLOR: #ffffff
}
.messagebox-content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 20px; COLOR: #666666; PADDING-TOP: 10px; TEXT-ALIGN: left
}
.messagebox-bottom {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; COLOR: #ffffff; PADDING-TOP: 5px
}
.errorbox {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BACKGROUND: #fbcce8; BORDER-LEFT: #cccccc 1px solid; WIDTH: 500px; BORDER-BOTTOM: #cccccc 1px solid; TEXT-ALIGN: center
}
.errorbox-title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #666666; PADDING-TOP: 5px; BACKGROUND-COLOR: #ffffff
}
.errorbox-content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 20px; COLOR: #ec008c; PADDING-TOP: 10px; TEXT-ALIGN: left
}
.errorbox-bottom {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; COLOR: #ffffff; PADDING-TOP: 5px
}
.formbox {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BACKGROUND: #e2efcd; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}
.formbox-comment {
	BACKGROUND-COLOR: #e2efcd
}
.formbox-title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #666666; PADDING-TOP: 5px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
}
.formbox-comment-title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #666666; PADDING-TOP: 5px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
}
.formbox-rowheader {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #333333; PADDING-TOP: 5px; TEXT-ALIGN: right
}
.formbox-comment-rowheader {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #333333; PADDING-TOP: 5px; TEXT-ALIGN: right
}
.formbox-content {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.formbox-comment-content {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.panel-smilies {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: center
}
.panel-smilies-title {
	COLOR: #666666; BORDER-BOTTOM: #cccccc 1px solid; TEXT-ALIGN: left
}
.panel-smilies-content {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; LINE-HEIGHT: 120%; PADDING-TOP: 5px
}
.upload-page {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #e2efcd
}
.upload-file {
	
}
.upload-error {
	COLOR: #990000
}
.upload-done {
	COLOR: #003300
}
.comment-text {
	FONT-SIZE: 11px; COLOR: gray
}
.hidden-note {
	FONT-SIZE: 11px; COLOR: gray
}
.red {
	COLOR: red
}
.highlight {
	FONT-WEIGHT: bold; BACKGROUND: #ffff00; COLOR: #ff6600
}
.meta-button {
	MARGIN: 1px
}
 HTML .ubb-list {
	MARGIN: 5px 5px 15px 25px
}
.ubb-list LI {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 1px; PADDING-TOP: 1px
}
.code {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 5px; BORDER-LEFT: #e0e0e0 3px solid; COLOR: #000000; PADDING-TOP: 10px; FONT-FAMILY: "Courier New"; BACKGROUND-COLOR: #f9f9f9
}
.quote {
	MARGIN: 10px; BORDER-LEFT: #e0e0e0 3px solid; BACKGROUND-COLOR: #f9f9f9
}
.quote-title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: #666666; PADDING-TOP: 5px; BORDER-BOTTOM: #e0e0e0 1px dashed
}
.quote-content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #666666; PADDING-TOP: 10px
}
.ubb-obj-div {
	BORDER-RIGHT: #cccccc 1px dashed; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px dashed; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 5px; BORDER-LEFT: #cccccc 1px dashed; COLOR: #666666; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px dashed; BACKGROUND-COLOR: #ffffff
}

/* ==================================================
   RESPONSIVE PATCH – Classic ASP + MDB (SAFE MODE)
   ================================================== */

/* Tablet trở xuống */
@media (max-width: 1024px) {
  #innerWrapper {
    width: 100% !important;
  }
}

/* ===== MOBILE & TABLET ===== */
@media (max-width: 768px) {

  /* Reset layout float cổ */
  .sidebar,
  .sidebar-hide,
  .content,
  .content-wide,
  .content-only,
  #innerContent {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }


  /* Nội dung full */
  #innerContent {
    margin-left: 0 !important;
    overflow: visible;
  }



  /* Table cuộn ngang (cực kỳ quan trọng cho ASP cũ) */
  table {
    display: block;
    width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

 #scrollProgress {
    position: fixed;
    top: 0;
    left: 0;
    height: 4px;
    width: 0%;
    background: #e60023; /* đổi màu tại đây */
    z-index: 9999;
    transition: width 0.1s linear;
}
 

  /* Ẩn bớt module phụ cho nhẹ */
  #calendar,
  .panel-smilies,
  .view-mode {
    display: none;
  }
}

/* ===== MOBILE NHỎ ===== */
@media (max-width: 480px) {

  body {
    font-size: 13px;
  }

  h1 {
    font-size: 20px;
  }

  .textbox-title h4 {
    font-size: 15px;
  }

  /* Nội dung dễ đọc hơn */
  .textbox-content,
  .commentbox-content,
  .gbbox-content {
    padding: 8px;
  }

  /* Ảnh không tràn */
  img {
    max-width: 100%;
    height: auto;
  }
}