/* 
    Document   : global styles
    Created on : 05-Jul-2011, 12:27:06
    Author     : Dominic da Costa
*/


#output{height:354px;display:block;position:fixed; bottom:0;left:0; width:100%;color:#fff;background:#333  url('image/output.png') repeat; padding:0;margin:0;overflow: hidden;z-index:10;

        -webkit-transition: all 350ms ease-in-out;
        -moz-transition: all 350ms ease-in-out;
        -o-transition: all 350ms ease-in-out;
        transition: all 350ms ease-in-out;
}
#output.closed{height:39px;}

#output .toggle{padding:4px 0 4px 3px;margin:0;overflow: hidden;cursor: pointer; font-size: 12px;font-weight: 800;line-height:32px;height:32px;}

#output nav{overflow:hidden;background:none;}
#output nav a{padding: 0 12px 0 36px;display: block;height: 100%;float:left;height:32px;color:#fff;border:none; cursor: pointer;webkit-transition: all 350ms ease-in-out; opacity:0.5; text-decoration:none;}
#output.closed nav a, #output nav a.active, #output nav a:hover{opacity:1;}
#output nav a.notices.count{background:  url('image/msg.png') no-repeat 0 0;}
#output nav a.warnings.count{background:  url('image/warning.png') no-repeat 0 0;}
#output nav a.close{background:  url('image/close.png') no-repeat 0 0;float:right;}

#output .messages{padding:0 6px;height:310px;overflow: auto;clear:both;background:#333; margin:0 3px;width:auto;
               -webkit-box-shadow: inset 0px 0px 25px #000;
               -moz-box-shadow: inset 0px 0px 25px  #000;
               box-shadow: inset 0px 0px 25px  #000;
               -webkit-transition: all 350ms ease-in-out;
               -moz-transition: all 350ms ease-in-out;
               -o-transition: all 350ms ease-in-out;
               transition: all 350ms ease-in-out;

}
#output .messages  .output-type{display:none}
#output .messages .output-type.active{display:block;}
#output.closed .messages{margin-bottom:0;padding:0;-webkit-transition: all 350ms ease-in-out;
                      -moz-transition: all 350ms ease-in-out;
                      -o-transition: all 350ms ease-in-out;
                      transition: all 350ms ease-in-out;}

#output pre{display:block; padding:10px 10px 0; min-height:26px;margin:0 0 10px ;border-bottom:1px solid #555;}
#output pre:after{content:''; display:block; height:0; border-bottom:1px solid #111; margin:0 -10px;padding:10px 0 0;}

pre {  font-family: 'Courier New' ,Courier,monospace; margin: 1em 0; ; }
code{display:block;}

.no-js pre{display:block !important;}