@import url("/app/sys/css/dialog.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; }

H1 { font-size:20px; }
H2 { font-size:16px; }

STRONG { font-weight:bolder; }

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

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

TABLE { font-size:inherit; border-collapse:collapse; }
TABLE.layout { table-layout:fixed; width:100%; }
TABLE.auto { table-layout:auto; width:100%; }
TD { vertical-align:top; font-size:inherit; }
TH { font-size:1.3em; text-align:left; }

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

FONT { font-size:inherit; } 

IMG.icon { vertical-align:middle; }

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

A:hover { 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%; }

.kwo-error-box { color:black; background:#FFEEEE; width:300px; margin:0 auto;
                 -moz-border-radius:8px; font-family:'Arial','Helvetica','Sans-serif';
                 border:#CCCCCC 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:125%; }
.kwo-cloud-box .tag-size-2 { font-size:150%; }
.kwo-cloud-box .tag-size-3 { font-size:175%; }

.kwo-captcha-box { width:130px; border:1px dotted #aaa; padding:8px; }

.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 { 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 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; }

TEXTAREA,
SELECT,
.text { background:#f7f7f7; -moz-box-sizing:border-box; 
        padding:0px; padding-left:2px; font-family:inherit; font-size:10px; width:100%;
        border-top:1px solid #999; border-left:1px solid #999; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }

.text:hover,
TEXTAREA:hover,
SELECT:hover,
INPUT[type=text]:hover,
INPUT[type=password]:hover { border:1px solid #ccc; }

.text:focus,
TEXTAREA:focus,
SELECT:focus,
INPUT[type=text]:focus ,
INPUT[type=password]:focus { background:white; }

SELECT OPTION { padding:0px; }

INPUT.button { border-top:1px solid #ddd; border-right:1px solid #888; border-bottom:1px solid #888; border-left:1px solid #ddd; 
               padding:0px; font-size:10px; font-family:Arial; cursor:pointer; 
               background-image:url(/app/sys/pix/button_bg.gif)!important; background-repeat:repeat-x; }
INPUT.button:first-letter { text-transform:uppercase; }

*[type=checkbox] { margin-right:4px; vertical-align:middle; border-width:1px; }
*[type=radio] { margin-right:4px; vertical-align:middle; }
*[type=submit] { cursor:pointer; }

INPUT.click { cursor:pointer;
              background-image:url(/app/sys/pix/picto-pick.gif)!important; 
              background-repeat:no-repeat; background-position:top right; }

IFRAME.richtext { border:1px dotted #aaa; margin:0; padding:0; }
 
.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; }

#popup { background:#FFF; }
#popup #title { background:#EFEFEF; height:40px; }
#popup #title th { vertical-align:middle; padding-left:10px; text-align:left; }
#popup #title td { vertical-align:middle; padding-right:10px; text-align:right; }
#popup #content { padding:12px; border-top:1px solid black; }

#restricted { background:#d6f3fa; margin:0px auto; width:auto; -moz-border-radius:7px; }
#restricted * { color:black; }
#restricted A { color:black; }
#restricted H1 { color:#944067; border-bottom:1px solid #222; margin-bottom:10px; padding-left:4px; }
#restricted H2 { font-size:larger; margin-bottom:6px; color:#555; }


#restricted LI A:hover { text-decoration:none; }
#restricted LI A:focus { font-weight:bolder; }

.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; }

.underline { text-decoration:underline; }

.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; }