@import url("/app/sys/css/dialog.css");
@import url("/app/sys/css/styles.css");

* { margin:0; padding:0;  }

.text_size1 { font-size:90%; }

BODY { background:white; color:black; font-family:Arial; font-size:12px; }

IFRAME, IMG, DIV, HR { border:0; }

OL, UL { list-style-position:inside; margin:6px 0 8px 4px; }

HR { margin:4px 0 4px 0; height:1px; color:black; background:black; }

TABLE { font-size:inherit; border-collapse:collapse; }
TABLE.fixed { table-layout:fixed; width:100%; }
TABLE.auto { table-layout:auto; width:100%; }

.label-block LABEL { display:block; font-weight:bolder; margin:6px 0 2px 0; }
.label-block LABEL:first-letter { text-transform:uppercase; }

TD { vertical-align:top; font-size:inherit; }
TH { text-align:left; }

LABEL:first-letter { text-transform:uppercase; }
LABEL.for { cursor:pointer; }

FONT { font-size:inherit; } 

IMG.icon { vertical-align:middle; }

A,
A:link, 
A:visited, 
A:active, 
A:hover { color:inherit; text-decoration:underline; }

A:hover { text-decoration: underline; }

.underline { text-decoration:underline; }
.sub { vertical-align:sub; font-size:smaller; }
.super { vertical-align:super; font-size:smaller; }

SUP { font-size:70%; }
SUB { font-size:70%; }

IFRAME.richtext { border:1px solid #ddd; }

.kwo-error-box { color:black; background:#fee; width:300px; margin:0 auto;
                 -moz-border-radius:8px; font-family:Arial, Helvetica, Sans-serif;
                 border:#ccc 1px solid; padding:10px 6px; }
.kwo-error-box H2 { color:black; font-size:112%; margin-bottom:0.25em; }
.kwo-error-box P { color:#444; line-height:1.25em; }
.kwo-error-box IMG { margin:0 10px 0 0; float:left; }
.kwo-error-box A:link, .kwo-error-box A:visited   { color:#B51E23; }

.kwo-cloud-box .tag-size-1 { font-size:100%; }
.kwo-cloud-box .tag-size-2 { font-size:125%; }
.kwo-cloud-box .tag-size-3 { font-size:150%; }
.kwo-cloud-box .tag-size-4 { font-size:175%; }
.kwo-cloud-box .tag-size-5 { font-size:200%; }

.kwo-captcha-box { width:130px; border:1px dotted #aaa; padding:8px; }
.kwo-captcha-box DIV { width:128px; border:1px solid #aaa; padding:3px 0 3px 0;
                       background-color:white; background-image:url("/app/sys/pix/captcha.gif")!important; 
                       background-repeat:no-repeat; background-position:top right; }
.kwo-captcha-box INPUT { width:112px; border:none; background:white; cursor:pointer; float:left; 
                         padding:0; height:18px; margin:0 0 0 3px; }


.grid { table-layout:fixed; width:100%; }
.grid TBODY TD { border:1px solid #ccc; padding:2px; }
.grid TBODY TDOLD:first-child { text-align:right; font-weight:bolder; }
.grid TBODY TD.label LABEL { margin:0 4px 0 0; display:block; 
                             text-align:right; font-weight:bolder; }
.grid TBODY TD.label A:link,
.grid TBODY TD.label A:visited { text-decoration:none; margin:0 3px; }
.grid TBODY TD.label A IMG { vertical-align:middle; border-style:none; }
.grid TBODY TR.heading TD { padding:4px 0; font-size:14px; text-align:left; border:0px; }
.grid TBODY TR.heading TD:first-letter { text-transform:uppercase; }
.grid TBODY TR.separator TD { border-bottom:1px solid #777 !important;  }
.grid TBODY TR.odd TD { background:#f2f2f2;  }
.grid THEAD TH { border:0px; padding:6px 6px 6px 0; text-align:left; font-size:110%; }
.grid THEAD TH:first-letter { text-transform:uppercase; }
.grid TFOOT TD { text-align:right; border:0px solid black; padding:6px 0 0 0; }
.grid TFOOT TD .legend { font-style:italic; float:left; text-align:left; }

INPUT.button:first-letter { text-transform:uppercase; }
INPUT.submit:first-letter { text-transform:uppercase; }

A.button:link, A.button:visited { text-decoration:none; }
A.button:hover { border-bottom:1px solid #aaa; }
A.button:first-letter { text-transform:uppercase; }

.kwo-tooltip { position:absolute !important; top:0; left:0;
               background:#eee; border:2px solid white; padding:3px;
               z-index:101; width:240px; height:auto;  }

.hidden { display:none; }

.kwo-toolbar { border:1px solid #ccc; font-size:0; line-height:0; }
.kwo-toolbar IMG { border:1px solid #ddd; margin:1px 0 1px 2px; cursor:pointer; }
.kwo-toolbar IMG:hover { border:1px solid #fefefe; }

.collection { border:1px solid #ccc; }
.collection .collection-item { border-bottom:1px solid #ccc; padding: 2px; }
.collection .collection-item:last-child { border-bottom:none; }
.collection .collection-pages { margin:2px; padding:2px; text-align:right; border:1px dotted #ddd; }
.collection .collection-page { text-decoration:none; }
.collection .collection-page-selected { font-weight:bolder; }

.menu { background:white; position:absolute; width:112px; padding:2px; z-index:1000; }
.menu A, 
.menu A:link, 
.menu A:visited { display:block; padding:3px; text-decoration:none; 
                  text-transform:uppercase; color:black; }
.menu A:hover { background:#E99F2B; }

.avatar { background:#fafafa; padding:3px; border:1px solid #aaa;
          margin-right:3px; }

.kwo-object-id { font-size:8px; font-family:verdana; color:#ddd; }
.kwo-object-id:before { content:"["; padding:0 1px; }
.kwo-object-id:after { content:"]"; padding:0 1px; }

#kwo-locales-box { position:absolute; top:16px; left:594px; width:70px; padding:3px; z-index:42;
                   border:1px solid #91989B; background-color:white; text-align:left; }
#kwo-locales-box A { display:block; padding:2px 1px; text-decoration:none; }
#kwo-locales-box A:hover { background:#efefef; }

.kwo-rate-box IMG { cursor:pointer; }

A.kwo-bookmark-button { text-decoration:none; color:#D75252; text-transform:uppercase; font-size:9px; 
                        padding:2px 0 2px 18px; width:100px; display:block; border:red;
                        background:#eee url("/app/community/pix/heart.png") left no-repeat; }


A.kwo-share-button { text-decoration:none; color:white; text-transform:uppercase; font-size:9px; 
                     padding:2px 0 2px 18px; width:100px; display:block; 
                     background:#E86B0A url("/app/share/pix/star.png") left no-repeat; }

.kwo-pagination-page { text-decoration:none!important; }
.kwo-pagination-selected { color:red!important; }

.kwo-moderator-actions { margin:6px 3px 3px 0; padding:2px; background:#FAF4C8; 
                         text-align:center; clear:both;}

.clear { clear:both; }
.kwo-moderator-actions A { text-transform:uppercase; text-decoration:none; }