@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:10px; }

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; text-transform:capitalize; }

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%; }

.error { 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; }
.error H2 { color:black; font-size:112%; margin-bottom:0.25em; }
.error P { color:#444; line-height:1.25em; }
.error IMG {  margin:0 10px 0 0; float:left; }
.error A:link, .error A:visited   { color:#B51E23; }

.kwo-widget-cloud .tag-size-1 { font-size:125%; }
.kwo-widget-cloud .tag-size-2 { font-size:150%; }
.kwo-widget-cloud .tag-size-3 { font-size:175%; }

.kwo-widget-rate { white-space:nowrap; } 

.grid { table-layout:fixed; width:100%; }
.grid TBODY TD { border:1px solid #F99F71; padding:2px; }
.grid TBODY TD:first-child { text-align:right; font-weight:bolder; }
.grid TBODY TD LABEL { margin-top: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 #F99F71 !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:9px; 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; text-transform:capitalize;
               background-image:url(/app/sys/pix/button_bg.gif)!important; background-repeat:repeat-x; }

*[type=checkbox] { margin-right:4px; vertical-align:middle; border-width:1px; }
*[type=radio] { margin-right:4px; vertical-align:middle; }
*[type=submit] { cursor:pointer; }

INPUT[type=text][onclick] { cursor:pointer;
                            background-image:url(/app/sys/pix/picto-pick.gif)!important; 
                            background-repeat:no-repeat; background-position:top right; }
 
#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; }

.kwo-form { margin:0 auto 0 auto; padding:4px 6px 6px 6px; }
.kwo-form LEGEND { padding:0 2px 0 2px; vertical-align:middle; }
.kwo-form P.header { margin:3px 0 12px 0; }
.kwo-form P.footer { font-size:smaller; }
.kwo-form LABEL { font-weight:bolder; margin:8px 0 3px 0; display:block;}

.kwo-form LABEL.error { color:red; }
.kwo-form SELECT,
.kwo-form .text { width:100%; }
.kwo-form OPTION { border-bottom:1px solid #ddd; }
.kwo-form DIV.error { border:1px solid red; margin:4px 0 4px 0; }
.kwo-form DIV.acknowledgement { color: green; }

#restricted { background:#F7DCB0; 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 .panel_left { width:12%; padding:4px 0; }
#restricted .panel_right { width:16%; }
#restricted .actions { padding:8px 0; }

#restricted .panels {  }
#restricted .panels #page { background:white; min-height:200px; padding:6px 10px 10px 10px; -moz-border-radius:7px; }

#restricted .panels #page TH { background:#eee; border:1px solid #ccc; border-bottom:none; padding:3px;  }
#restricted .panels #page THEAD { margin-bottom:4px; }

#restricted .panel_left A:first-child { border-top:#aaa 1px solid; }
#restricted .panel_left A:first-letter { text-transform:uppercase; }
#restricted .panel_left A { padding:1px 8px 2px 8px; display:block; color:#944067;   
                            text-align:right; text-decoration:none; font-size:11px; background:#F9E6C7;
                            border-bottom:#aaa 1px solid; }

#restricted .panel_left A.on { text-decoration:none; background-color:white; font-weight:bolder; }
#restricted #comment_message { margin-left:8px; background:#F7F7F7; padding:4px; border:1px solid #9ABC46; min-height:54px; }
#restricted #comment_message #emblem { float:left; }

#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; }
#smenu:hover .menu {
	display: bock;
}

#comments { background:#CB751E; }