/* ######### Default styles settings ######### */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}                  
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; cursor:pointer;}
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; } /* tables still need cellspacing="0" in the markup */
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
html { -webkit-font-smoothing: antialiased; } /* maxvoltar.com/archive/-webkit-font-smoothing */
a:hover, a:active { outline: none; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
/*html { overflow-y: scroll; } always force a scrollbar in non-IE */
body { font:12px sans-serif; *font-size:small; *font:x-small; line-height:1.22; }
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
body, select, input, textarea { color:#444; } /* #444 looks better than black */ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; margin:0; padding:0; } /* www.aestheticallyloyal.com/public/optimize-legibility/ */ 
pre, code, kbd, samp { font-family: monospace, sans-serif; } /* normalize monospace sizing en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre { padding: 15px; white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */}
label, input[type=button], input[type=submit], button { cursor: pointer; } /* hand cursor on clickable input elements */
input[type="radio"] { vertical-align: text-bottom; } /* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
button {  width: auto; overflow: visible; } /* make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
img {display:block; border:0;}
/* ######### END Default styles settings ######### */
/* ######### Helper classes ######### */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
.clear {clear:both;}
.clearer {clear:both; height:0px; margin:0; padding:0;}
.right {float:right;}
.left {float:left;}
.center {margin:auto;}
.hidden { display:none; }
.rightalign {text-align:right;}
.leftalign {text-align:left;}
.middle {text-align:center;}
.b {font-weight:bolder;}
.small {font-size:small;}
.capitalize {text-transform: capitalize;}
.lowercase {text-transform: lowercase;}
.uppercase {text-transform: uppercase;}
.noborder {border:0;}
/* ######### END Helper classes ######### */

/* ######### Tooltip ######### */
.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url('images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }  

/* ######### Usermenu ######### */
div#usermenu-holder {width: 100%; background: #ccc; font-family: Arial, san-serif, Times; font-size:14px; font-weight:normal; position:absolute; top:0; left:0;}
div#usermenu-holder ul {list-style: none;margin: 0;padding: 0;float: left;}
div#usermenu-holder ul a, #usermenu-holder ul h2 {display: block; margin: 0;padding: 0; white-space: nowrap;}
div#usermenu-holder ul h2 {text-transform: capitalize; }
div#usermenu-holder ul a {background: #efefef;text-decoration: none; color: #333; padding:2px 4px;}
div#usermenu-holder ul a:hover {background: #fbf9ee;}
div#usermenu-holder ul li {position: relative;}
div#usermenu-holder ul ul {position: absolute;z-index: 500;}
div#usermenu-holder ul ul ul {position: absolute;top: 0;left: 100%;}
div#usermenu-holder ul ul,div#usermenu-holder ul li:hover ul ul, div#usermenu-holder ul ul li:hover ul ul {display: none;}
div#usermenu-holder ul li:hover ul, div#usermenu-holder ul ul li:hover ul, div#usermenu-holder ul ul ul li:hover ul {display: block;}  
div#usermenu-holder .userinfo {float:right; margin:0 20px 0 0; text-align:right; padding:2px;}
div#usermenu-holder .userinfo a {text-decoration:none; color:#444;}
div#usermenu-holder .userinfo a:hover {text-decoration:underline;}