/* @override http://www.karenskloset.com/layout/shop_kk/style.css */

/* STYLESHEET FORMAT GUIDE *****************************************************
 
 split the following sections:
 - semantics (direct formatting for <td>, <a > etc
 - classes (.whatever)
 - common plugin CSS
 - navbar
 Within these sections, entries are to be strictly alphabetized.
 
 SAMPLE:
 .poll-vote,
 .poll-vote-results {
 background:transparent;
 color:#000000;
 font-size:smaller;
 }
 
 These are the rough rules:
 - always put a ';' after the last entry
 - always a linebreak before .
 - always a linebreak after , ; { and }
 - always a . before all classes
 - two spaces indent
 - no tabs
 - no spaces after colons
 */
/* SEMANTICS ******************************************************************/
a:link.non-ul, a:visited.non-ul, a:hover.non-ul, a:active.non-ul {
    color: #232323;
    text-decoration: none;
    background: transparent
}

a:link {
    color: #232323;
    font-weight: bold;
    background: transparent
}

a:visited {
    color: #999999;
    font-weight: bold;
    background: transparent
}

a:hover {
    color: #7f3e06;
    font-weight: bold;
    background: transparent
}

a:active {
    color: #232323;
    font-weight: bold;
    background: transparent
}
html {height:100%;}
body {
    color: #000000;
    font-family: "Segoe UI", Verdana, Tahoma, Sans, Arial, Helvetica, sans-serif;
    font-size: .82em;
    background: #d4eeed;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

fieldset {
    margin-bottom: 1em;
}

fieldset p {
    padding: 5px;
    margin: 0px;
}

fieldset p {
    margin-top: 5px;
    margin-bottom: 0px;
}

fieldset legend {
    font-size: .9em;
}

form {
    margin-top: 5px;
    margin-bottom: 5px;
}

form div.notes p, form div small {
    line-height: 125%;
}

form div.notes li {
    margin-left: 10px;
}

form fieldset div.notes {
    float: right;
    width: 170px;
    height: auto;
    margin: 0px 0px 10px 10px;
    padding: 5px;
    border: 1px solid #666666;
    background-color: #ffffe1;
    color: #666666;
    font-size: .75em;
}

form fieldset div.notes h4 {
    color: #666666;
    font-size: 1.3em;
    background-image: url(images/icon_info.png);
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 0;
    margin-bottom: 5px;
    padding: 3px 0 2px 27px;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #666666
}

form fieldset div.notes p {
    margin: 0em 0em 1.2em 0em;
    color: #666666;
}

form fieldset div.notes p.last {
    margin: 0em;
    padding-bottom: 5px;
}

h1 {
    font-size: 125%;
}

h2 {
    font-size: 100%;
}

h3 {
    font-size: 100%;
    margin: 0px;
}

img {
    border: 0;
}

input {
    font-size: .9em;
}

input, submit, td {
    color: #000000;
}

textarea {
    color: #000000;
    font-family: "Lucida Grande", Arial, Verdana, Geneva, sans-serif;
}

th {
    color: #232323;
    font-size: larger;
    font-weight: bold;
    text-align: left;
    padding-left: 3px
}

p {
    margin-top: 5px;
	font-size: 12px;
}

select {
    color: #000000;
    font-size: .9em;
}
/* CLASSES ********************************************************************/
/* Site Wrapper ***************************************************************/
.site-outerwrapper {
    background-color: transparent;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.site-wrapper {
    font-variant: normal;
    background-color: transparent;
    text-align: left;
    margin: 0;
    padding: 0;
	width: 914px;
}

.site-wrapper-right {
    background: url(images/RR.png) repeat-y -2px 0;
    width: 7px;
    height: 100%;
}

.site-wrapper-left {
    background-color: transparent;
    background-image: url(images/LL.png);
    background-repeat: repeat-y;
    background-attachment: scroll;
    width: 7px;
    height: 100%;
}

.site-wrapper-header {
    background: #fff url(images/kk_logo_reflect.png) no-repeat 10px 18px;
    vertical-align: top;
    width: 100%;
    height: 180px;
}

.site-wrapper-content {
    background-color: #fff;
    text-align: left;
    text-indent: 10px;
    vertical-align: top;
    width: 100%;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

.site-wrapper-blocks {
    background-color: #fff;
    vertical-align: middle;
    width: 100%;
    height: 240px;
}

.site-wrapper-footer {
    background-color: #fff;
    text-align: center;
    width: 100%;
    padding: 20px 10px;
    border-bottom: 1px solid #777;
}

.menu_container {
    background-image: url(images/nav_back.png);
    background-repeat: repeat-x;
    background-position: 0 top;
    vertical-align: middle;
    width: 100%;
    height: 60px;
}

.glmenu {
    vertical-align: top;
    width: 100%;
    height: 22px;
}

.slogan {
    color: #777;
    font-size: 1.5em;
    font-family: Geneva, sans-serif;
    font-weight: bold;
    vertical-align: middle;
    width: 100%;
    height: 100px;
    padding-right: 20px;
}

.bottom-blocks-container {
    vertical-align: top;
    width: 100%;
}

.right-blocks-container {
    width: 180px;
    height: 100%;
    background: #f7f7f7;
    vertical-align: middle;
    padding: 0px;
    border-left: solid 1px  #c3c3c3;
}

.block-frame {
    width: 180px;
    background: #ededed url(images/BLOCK_BACK.gif) repeat-x;
    vertical-align: middle;
    padding: 5px;
    border: solid 1px #c3c3c3;
}

#flashMenu {
    vertical-align: middle;
    width: 100%;
    height: 40px;
}

#gradient {
    background-image: url(images/splash_bottom.png);
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: 0 0;
    width: 100%;
    height: 11px;
    content: '.';
}
/* Admin lists ****************************************************************/
.admin-list-icon {
    float: left;
    padding: 5px;
}

.admin-list-table {
    background-color: #996;
    text-align: left;
    width: 100%;
    border-spacing: 1px
}

.admin-list-table form {
    margin: 0px;
}

.admin-list-search {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

.admin-list-field {
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}

.admin-list-headerfield {
    font-size: larger;
    text-align: left;
    padding-right: 5px;
    padding-left: 5px
}
/* general alignment classes **************************************************/
.alignleft {
    text-align: left;
}

.alignright {
    text-align: right;
}

.aligncenter {
    text-align: center;
}

.aligntop {
    vertical-align: top;
}
/* Blocks *********************************************************************/
.block-box-left,
.block-box-right,
.block-box {
  margin: 5px 15px 15px 10px;
	line-height: 16px;
	font-size: .86em;
}

.block-box-left ul, .block-box-right ul {
    /* do not indent lists in the blocks too much */
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.block-bg-left, .block-bg-right {
    width: 200px;
    position: relative;
    background: transparent;
}

.block-bg-spreader {
    /* this is making sure that the blocks have a minimum width */
    background: transparent;
    width: 180px;
    height: 1px;
}

.block-content, .block-content-right, .block-content-left {
    color: #000000;
    font-size: 0.7em;
    vertical-align: middle;
    padding-top: 2px;
    padding-bottom: 2px;
    overflow: hidden
}

.block-content-left ul, .block-content-right ul, .block-content ul {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 16px;
    padding-left: 0;
    border: none;
}

.block-divider {
    color: #000000;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 0;
    padding-top: 2px
}

.block-divider-left {
    border-top: 1px solid #cccc99;
    border-bottom: 1px solid #FFFFFF;
    width: 90%;
    margin: 0 auto;
    line-height: 0px;
}

.block-divider-right {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #FFFFFF;
    width: 90%;
    margin: 0 auto;
    line-height: 0px;
}

.block-featured-left {
    color: #000000;
    background: #ebf7f7;
    border-right: 1px solid #ffffff
}

.block-featured-right {
    color: #000000;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 0;
    width: 180px;
    border-left: 1px solid #ffffff
}

.block-helpicon {
    padding-top: 0px;
    text-align: right;
    float: right;
}

.block-outerborder-left {
    border-left: 1px solid #cccc99;
}

.block-outerborder-right {
    border-right: 1px solid #CCCCCC;
}

.block-title, .blocktitle, .block-title-left, .block-title-right {
    color: #333;
    font-weight: bold;
    text-decoration: underline;
    background: transparent;
    text-align: center;
}
/* Block Lists ****************************************************************/
.list-feed, .list-new-plugins, .list-new-comments, .list-new-trackbacks, .list-older-stories {
    margin: 0px;
    padding: 0px;
}
/* Comments *******************************************************************/
.commentbar-line1 {
    background: transparent;
    color: #000000;
    padding: 3px 3px;
    text-align: center;
}

.commentbar-line2 {
    background: #aee800;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    text-align: center;
}

.commentbar-line3 {
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #cccc99;
    color: #000000;
    padding: 3px 3px;
    text-align: center;
}

.commenttitle {
    background: #e1e1a8;
    border-bottom: 1px solid #cccc99;
    border-left: 1px solid #cccc99;
    border-right: 1px solid #cccc99;
    border-top: 1px solid #cccc99;
    font-weight: bold;
    font-size: smaller;
    padding: 3px 0px 3px 10px;
}
/******************************************************************************/
.edit-perm-down {
    text-align: center;
}

.edit-perm-up {
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
}

.fieldhelp {
    font-size: 0.8em;
    color: #666666;
}
/* Footer *********************************************************************/
.footerblock {
    color: #333;
    font-size: 0.85em;
    text-align: center;
    padding: 10px 4px;
    vertical-align: middle
}

.footerblock a:link {
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 0;
    text-decoration: none;
}

.footerblock a:visited {
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 0;
    text-decoration: none;
}

.footerblock a:hover {
    color: #c3c3c3;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 0;
    text-decoration: none;
}

.footerblock a:active {
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 0;
    text-decoration: none;
}

.footer-divider-top {
    color: #000000;
    background: transparent;
    padding-top: 1px;
    border-top: 1px solid #663
}
/* Forms **********************************************************************/
.form-description {
    font-weight: bold;
    float: left;
    width: 100px;
    text-align: right;
    padding-right: 5px;
    display: block;
}

.form-field {
    padding-bottom: 5px;
    margin-left: 105px;
}
/* Header *********************************************************************/
.header-logobg-left {
    padding-top: 4px;
    text-align: left;
    vertical-align: middle;
    margin-top: 11px;
    padding-left: 15px;
    width: 50%;
    height: 78px;
}

.header-logobg-right {
    padding-top: 4px;
    text-align: right;
    padding-right: 15px;
    vertical-align: middle;
    width: 50%;
    height: 78px;
}

.header-logobg-container-inner {
    background: #1a3955 url(images/header-bg.png);
    border-bottom: 1px solid #cccccc
}

.header-logobg-container-outer {
    background: #FFFFFF;
    padding-bottom: 1px;
}

.header-navigation-container {
    border-bottom: 1px solid #FFFFFF;
}

.header-navigation-line {
    background: #cccc99;
    border-bottom: 1px solid #CCCCCC;
    color: #FFFFFF;
    padding-bottom: 3px;
    padding-top: 4px;
    text-align: right;
}

.header-navigation-line a:link {
    background: transparent;
    border-bottom: 0px solid #CCCCCC;
    color: #0000FF;
    font-size: .9em;
}

.header-navigation-line a:visited {
    background: transparent;
    border-bottom: 0px solid #CCCCCC;
    color: #800080;
    font-size: 0.9em;
}

.header-navigation-line a:hover {
    background: transparent;
    border-bottom: 0px solid #CCCCCC;
    color: #008000;
    font-size: 0.9em;
}

.header-navigation-line a:active {
    background: transparent;
    border-bottom: 0px solid #CCCCCC;
    color: #FF0000;
    font-size: 0.9em;
}

.header-welcomeanddate-box {
    border-bottom: 1px solid #CCCCCC;
    height: 52px;
}

.header-welcomeanddate-text {
    position: relative;
    top: 12px;
    left: 4px;
}
/******************************************************************************/
.highlight {
    color: #000000;
    background-color: yellow;
    text-decoration: none;
}

.inputTable td {
    padding: 4px;
    vertical-align: top;
}

.inputTable label {
    font-weight: bold;
    float: right;
    white-space: nowrap;
}

.moderation-cc {
    width: 100%;
}

.moderation-cc-row {
    clear: both;
    height: 80px;
    width: 100%;
}

.moderation-cc-item {
    float: left;
    text-align: center;
}

.pagenav {
    text-align: center;
}

.row_center td {
    text-align: center;
}

.searchauth {
    background: transparent;
    color: #000000;
    text-align: left;
}

.searchdate {
    background: transparent;
    color: #000000;
    text-align: right;
}

.searchform-box {
    background: #cccc99;
    text-align: right;
    border-bottom: 1px solid #CCCCCC;
    height: 52px;
    padding: 0px 4px 0px 1px;
    margin: 0px;
}

.searchform-elements {
    display: inline;
    position: relative;
    top: 6px;
}

.searchform-elements input {
    font-size: 0.9em;
}

.searchhits {
    background: transparent;
    color: #000000;
    text-align: right;
}

.site-slogan {
    color: #ffffff;
    background: transparent;
}
/* Stats **********************************************************************/
.stats-list-count {
    text-align: right;
    padding-left: 5px;
    padding-right: 5px;
}

.stats-header-title {
    text-align: left;
    width: 90%;
    padding-left: 5px;
    padding-right: 5px;
}

.stats-header-count {
    text-align: left;
    width: 10%;
    padding-left: 5px;
    padding-right: 5px;
}
/* Story **********************************************************************/
.story {
    /* the frame around all elements of one story */
    background: transparent;
    color: #000000;
    width: 100%;
    height: 100%;
}

.story h1 {
  /* the title of a story */
   background:transparent;
  color: #c2563c;
  font-weight:bold;
  font-size:1.4em;
  padding-left: 18px;
	position: relative;
	top: 10px;
}

.story-body {
    width: 100%;
    height: 100%;
	padding-left: 12px;
	padding-top: 12px;
}

.story-featured {
    /* the frame around all elements of a featured story */
    background: transparent;
    color: #000000;
    width: 100%;
    height: 100%;
}

.story-featured h1 {
    /* the title of a featured story */
    background: transparent;
    color: #989d83;
    font-weight: bold;
    font-size: 1.4em;
    padding-left: 18px;
}

.story-icons {
    /* print & mail icons in a storybox */
    float: right;
}

.story-borderguide {
  width: 120px;
  vertical-align:top;
	margin: 0;
	padding: 6px;
	border-right: 1px solid #d4f27b;
	text-align: center;
}

.story-container {
    width: 100%;
    height: 100%;
	padding-left: 10px;
	padding-right: 10px;
}

.story-footer {
    /* the bottom of the story with edit-links etc */
    padding: 3px;
    text-align: center;
	font-size: 10px;
	border-bottom: 1px solid #d4f27b;
}

.story-information {
    /* the author, views and date of a story */
    padding: 3px 3px 3px 18px;
    font-size: 0.85em;
    background: transparent;
    color: #989d83;
	border-bottom: 1px solid #d4f27b;
}
/******************************************************************************/
.topicoption, .topicoption-off {
}

.warning {
    background: transparent;
    color: #FF0000;
    font-weight: bold;
}

.warningsmall {
    background: transparent;
    color: #FF0000;
}
/* Default Plugin CSS Declarations */
/* Recommended CSS to be used by Plugin Authors - allows easier site themeing */
.plugin {
    color: #000000;
    background-color: transparent;
    font-weight: normal;
    border: solid 1px #cccccc;
}

.plugin th {
    color: #000000;
    text-align: left;
    padding: 5px
}

.plugin tr {
    vertical-align: top;
}

.plugin td {
    padding: 2px 5px 2px 5px;
}

.pluginBG {
    color: #fefefe
}

.pluginAltBG {
}

.pluginCellTitle {
    color: black;
    font-weight: bold;
    padding: 5px
}

.pluginCellFill {
    background-color: #F8FAFD;
}

.pluginCellText {
    color: #333333;
    font-weight: normal;
}

.pluginHeader {
    color: #434343;
    font-weight: bolder;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pluginFooter, .pluginFooter td {
    color: #000;
    background-color: #f1f1f1;
}

.pluginAlert {
    padding: 5px 15px 5px 15px;
    color: #D8010E;
    background-color: #FEF1B4;
    font-weight: bold;
}

.pluginInfo {
    padding: 5px 15px;
    color: #707070;
    background-color: #d4eeed;
    font-weight: normal;
}

.pluginSubTable {
    color: #000000;
    background-color: #CCCCCC;
    font-weight: normal;
    border: 1px solid #CCCCCC;
}

.pluginSubTable th {
    color: #000000;
    background-color: #e3e3e3;
    text-align: left;
    padding: 5px
}

.pluginSubTable tr {
    vertical-align: top;
}

.pluginSolidOutline {
    background-color: #f1f1f1
}

.pluginSolidFill {
    background-color: #232323
}

.pluginTitle {
    color: #f5f9ff;
    background-color: #232323;
    padding: 4px 6px
}

.pluginCellSubTitle {
    background-color: #F7F7F7;
    color: #000000;
    padding: 4px;
    padding-left: 6px;
    padding-right: 6px;
}

.pluginTinyText {
    font-size: 0.7em
}

.pluginSmallText {
    font-size: 0.8em;
}

.pluginMediumText {
    font-size: 1em;
}

.pluginLargeText {
    font-size: 1.25em;
}

.pluginAltText {
    color: #FFFFFF;
}

.pluginRow1, .pluginRow1 td {
    color: #000000;
    background-color: #FFFFFF;
    line-height: 120%;
}

.pluginRow2, .pluginRow2 td {
    color: #000000;
    line-height: 120%;
    background-color: #e7e7e7
}

.pluginRow1 .pluginRollOver, .pluginRow2 .pluginRollOver, .pluginRollOver {
    color: #000000;
    line-height: 120%;
    background-color: #adadad
}

.pluginRow1 .pluginRollOut, .pluginRow2 .pluginRollOut, .pluginRollOut {
    color: #000000;
    background-color: #F7F7F7;
    line-height: 120%;
}

.pluginLinks A:link {
    color: #000000;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.pluginLinks A:visited {
    color: #000000;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.pluginLinks A:hover {
    color: #000000;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}

.pluginBreadCrumbs, .pluginBreadCrumbs A:link {
    color: #FFFFFF;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.pluginBreadCrumbs A:visited {
    color: #FFFFFF;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.pluginBreadCrumbs A:hover {
    color: #FFFFFF;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

a.pluginButton:link, a.pluginButton:visited {
    color: #000000;
    text-align: center;
    padding-top: 2px;
    display: block;
    height: 19px;
    text-decoration: none;
    background-color: transparent;
}

a.pluginButton:hover {
    color: blue;
    text-decoration: none;
    background: url(navbar/images/button_over.gif) repeat-x center;
    text-align: center;
    display: block;
    padding-top: 2px;
    height: 19px
}
/* Navbar Class CSS ***********************************************************/
#navcontainer {
    width: 80%;
    background: #F4F4F4;
    font-size: 93%;
    line-height: normal;
    border-bottom: 1px solid #24618E;
	float: left;
	padding-top: 0;
	padding-bottom: 0;
}

#navcontainer ul {
    margin: 0px;
    padding: 10px 10px 0 50px;
    list-style: none;
}

#navcontainer li {
    display: inline;
    margin: 0px;
    padding: 0px;
}

#navcontainer a {
    text-decoration: none;
    background: url(navbar/images/tableftJ.gif) no-repeat left top;
    margin: 0;
    padding: 0 0 0 5px;
    float: left
}

#navcontainer a span {
    color: #24618e;
    background: url(navbar/images/tabrightJ.gif) no-repeat right top;
    display: block;
    padding: 5px 15px 4px 6px;
    float: left
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navcontainer a span {
    float: none;
}
/* End IE5-Mac hack */
#navcontainer a:hover span {
    color: #FFFFFF;
}

#navcontainer a:hover {
    background-position: 0% -42px;
}

#navcontainer a:hover span {
    background-position: 100% -42px;
}

#navcontainer a#current span {
    color: #ffffff;
    background: url(navbar/images/tabrightI.gif) no-repeat 100% -42px
}

#navcontainer a:link#current, #navcontainer a:visited#current, #navcontainer a:hover#current {
    background: url(navbar/images/tableftI.gif) no-repeat 0 -42px
}
/* Common CSS for on-hover tooltip feature */
a.tooltip {
    position: relative; /*this is the key*/
    z-index: 10;
    color: #000;
    text-decoration: none;
}

a.tooltip:hover {
    z-index: 100;
    text-decoration: none
}

a.tooltip span {
    display: none
}

a.tooltip:hover span {
    /*the span will display just on :hover state*/
    z-index: 100;
    color: #033666;
    font-style: normal;
    font-size: .8em;
    line-height: 125%;
    display: block;
    position: absolute;
    border: 1px solid #232323;
    background-color: #E7E7E7;
    padding: 4px;
    text-align: left;
    text-decoration: none;
    left: -20px;
    top: 10px;
    min-width: 150px;
} /* End of common CSS for on-hover info feature */
/* End of Common Plugin CSS */
/* Poll Plugin ****************************************************************/
.poll-vote, .poll-vote-results {
    background: transparent;
    color: #000000;
}
/* Forum Plugin specific CSS */
.codeblock {
    background-color: #ECE9D8;
    color: #000;
    width: 550px;
    height: 160px;
    overflow: auto;
    min-height: 50px;
    max-height: 120px;
    margin: 5px 0px 5px 5px;
    padding: 5px;
    border: 1px dashed black;
}

.quotemain {
    background: #FAFCFE url('forum/image_set/img_quote.gif') no-repeat top right;
    border: 1px dotted #000;
    border-left: 4px solid #8394B2;
    color: #465584;
    padding: 4px;
    margin: 5px auto 8px auto;
}
/* CSS Declarations for Code block feature - default will use the .php one */
div .php {
    max-height: 400px;
    overflow: auto;
    height: auto;
    width: auto;
    min-height: 100px;
}

div .html {
    height: 300px;
    overflow: auto;
    width: auto;
    min-height: 100px;
}

div .css {
    height: 300px;
    overflow: auto;
    width: auto;
    min-height: 100px;
}
/* END of Forum Plugin CSS */
/* Messenger Plugin */
a.btn1:link, a.btn1:visited {
    color: #000000;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    display: block;
    height: 16px;
    margin: 0px;
    text-decoration: none;
    background-color: transparent;
}

a.btn1:hover {
    color: #000000;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    background: center url(messenger/images/button_over.gif);
    display: block;
    height: 16px;
    text-decoration: none;
}

.msgDisabledBtn {
    color: #AAA;
    padding-top: 4px;
}

.msgNavbar {
    color: black;
    background-color: #f1f1f1;
}

.msgNavbar A:link {
    color: #000;
    text-decoration: underline;
}

.msgNavbar A:visited {
    color: #000;
    text-decoration: underline;
}

.msgNavbar A:hover {
    color: #808080;
    text-decoration: underline;
}

div.pm {
    width: 100%;
    height: 100px;
    border: 0px;
    overflow-x: hidden;
    overflow: auto;
}

div.pmbuddylist {
    width: 100px;
    height: 160px;
    border: 0px;
    overflow-x: hidden;
    overflow: auto;
    padding: 5px;
}
.ProTables {
	background-color: #CCCCCC;
	font-size: 0.88em;
	line-height: 25px;
}

.ProTablesShort {
	font-size:  1em;
	line-height: 18px;
	background: #bebebe url(images/pro_tables_back.gif) repeat-x;
}
.ProTablesShort td{
	background: #ffffff;
}
.ProTablesShort th{
	background: #bebebe url(images/pro_tables_back.gif) repeat-x;
}
.ProTablesHeader {
	font-size: 1.2em;
	color: #0877ab;
	font-weight: bolder;
	background-image: url(images/pro_tables_back.gif);
}
.ProTablesSubHeader {
	color: #303d43;
	font-weight: bolder;
	font-size: 1.2em;
	background: url(images/pro_tables_back.gif) repeat-x;
}
.ProRightBlock {
	font-size: 0.86em;
	line-height: 18px;
	color: #666666;
}
.ProOrderTable {
	font-size: 0.92em;
	line-height: 10px;
	background-color: #CCCCCC;
	font-weight: normal;
	color: #445258;
}
.ProRightBlockTitles {
	font-size: 1em;
	line-height: 12px;
	color: #2A78A8;
	font-weight: bold;
}
.ProCategories {
	color: #2A78A8;
	font-weight: bold;
	font-size: 1em;
	background: url(images/pro_tables_back.gif) repeat-x;
	padding: 8px;
	border-top: 1px solid #a1b3be;
}
.HorizontalRuleTile {
	background: url(images/HORIZONTAL_RULE.png) repeat-x;
}