html { height:100% }

body { border:0px; margin:0px; padding:0px; height:100%; width:100%;
       background:#ffffff url('../common/titlebg.jpg') left top repeat-x; min-height:101%;
       color:#000000; }

body, form, input, textarea { font-family:'Lucida Grande', Verdana, Tahoma, sans-serif; font-weight:normal; text-decoration:none;  }
body { font-size:.8em }
form, input, textarea { font-size:1em }

input, textarea { border:1px solid #9e9e9e; padding:2px; margin:0px; background-color:#ffffff; color:#000000 }

input#btnSend, input[type='submit'], .button { background-color:#d7d7d7; border:1px solid #9e9e9e; padding:6px; cursor:pointer; margin:0px; color:#000000 }
input#btnSend:hover, input[type='submit']:hover, .button:hover { background-color:#e2e2e2; margin:0px; color:#000000  }
input#btnSend:active, input[type='submit']:active, .button:active { background-color:#b2b2b2; margin:0px; padding:6px 5px 6px 7px; color:#000000 }
a.button { text-decoration:none !important }

#footer { color:#9e9e9e; text-align:right; width:30%; float:right; line-height:1em; padding:.8em 0px 7px 0px }
#footer div { margin-right:10px }
#footer a { color:#9e9e9e; text-decoration:none }
#footer a:hover { color:#000000; text-decoration:underline }
#footer a.current, #footer a.current:hover { color:#000000; text-decoration:none; font-weight:bold }

#navigation { width:19em; float:left }
#navigation ul { list-style:none; display:block; border:none; padding:10px 40px 40px 0px; margin:0px }
#navigation li { list-style:none; display:block; padding:0em .8em; margin:.3em 0em .6em .0em; line-height:1em; border-left:.1em solid #9e9e9e } 
#navigation a { color:#9e9e9e; text-decoration:none }
#navigation a:hover { color:#000000; text-decoration:underline }
#navigation li.current a, #navigation li.current a:hover { color:#000000; text-decoration:none; font-weight:bold }
#navigation li.current { list-style:none; display:block; padding:0em .8em 0em .7em; margin:.3em 0em .6em 0em; line-height:1em; border-left:.2em solid #000000 } 
#navigation li:hover { border-left-color:#000000 } 

a { color:#213e7d }
a:active { color:#395ca9 }
a:visited { color:#616b83 } 
a:hover { color:#395ca9 }

p { max-width:70em }

h1 { display:block; border:0px; margin:0px; text-decoration:none; font-weight:normal;
     font-size:1.8em; margin-bottom:15px; line-height:1; color:#9e9e9e; padding:0px 20px }
     
h1 a.titlelink { font-size:.555em; text-decoration:none; padding-left:.5em; border-left:1px solid #9e9e9e; position:relative; top:-.1em }
h1 a.titlelink:hover { text-decoration:underline }

h2 { display:block; border:0px; margin:0px; text-decoration:none; font-weight:normal;
     font-size:1.5em; margin-bottom:20px; margin-top:35px; line-height:1; color:#9e9e9e; padding:0px }

h3 { display:block; border:0px; margin:0px; text-decoration:none; font-weight:bold;
     font-size:1em; margin-bottom:10px; margin-top:20px; line-height:1; color:#000000; padding:0px }

#content #aroundcontent>h2, .fldlargeicon+h2 { margin-top:15px }

p  { display:block; padding:0px; margin:10px 0px 10px 0px }

#aroundall { background-position:left top; background-repeat:repeat-x; background-image:url('shadow.jpg');
             padding-top:20px; padding-bottom:20px }

#content { background-position:left top; background-repeat:repeat-x; background-image:url('belowtitle.jpg');
           padding:15px 20px 20px 20px; line-height:1.6; position:relative; width:auto }

#content.withNavi p, #content.withNavi pre, #content.withNavi h3 { margin-left:19.1em }
#content.withNavi h2 { margin-left:12.67em }

pre, .codeinput   { font-family:'Courier New', 'Courier', monospace; font-size:1em }

hr { display:none }

hr + p { border-top:1px solid #9e9e9e; padding-top:2em; margin-top:2em }

.tech { font-family:'Courier New', 'Courier', monospace }

.fldlargeicon { float:right; width:48px; height:48px; margin-bottom:10px }
.dwlitem { border:1px solid #cacaca; margin:10px 0px; padding:10px; background-color:#efefef; clear:right } 
.dwlitem:hover { border:1px solid #9e9e9e; background-color:#e0e0e0 } 
.dwlitem .filenamebox { display:block; font-weight:bold; padding-bottom:5px; border-bottom:1px solid #cacaca; margin-bottom:5px; vertical-align:middle }
.dwlitem .largeicon { display:block; width:48px; height:48px; float:right; visibility:hidden }
.dwlitem:hover .largeicon { visibility:visible }
.dwlitem .filenamebox .icon { vertical-align:middle; width:20px; height:20px }
.dwlitem .change     { display:block; margin:0px; color:#999999 }
.dwlitem .size     { display:block; margin:5px 0px 0px 0px; color:#999999 }

pre, .codeinput { border:1px solid #cacaca; margin:10px 0px; padding:10px; background-color:#efefef }
.snipinput { border-top:none; padding-top:15px; background:url('sniptop.png') left top repeat-x #efefef }

.snipcontents { margin:10px 0px; background:url('sniptopshad.png') 1px 0px repeat-x #cacaca; padding-right:1px; margin-left:19.1em }
.snipcontents2 { padding-left:1px; background:url('snipbottshad.png') right bottom repeat-x }
.snipcontents3 { background:url('sniptop.png') left top repeat-x #efefef }
.snipcontents4 { background:url('snipbott.png') right bottom repeat-x }

.snipcontents pre { border:0px; margin:0px !important; padding:15px 10px; background:none; white-space:pre-wrap } 

s { color:#cccccc; text-decoration:line-through }

/* hab.la styles */
#habla_panel_div { border-color:#CCCCCC !important; font-size:1em !important }
#habla_wcsend_input { border-width:1px !important }
#habla_middle_div+div { text-align:left !important; padding-left:5px !important; line-height:1.3em !important }