/*
@font-face {
    font-family: "DejaVuSans";
    src: url("/usr/share/fonts/truetype/ttf-dejavu/DejaVuSans.ttf")
}
*/

html {
    font-family: Helvetica;
    font-size: 12px; 
    font-weight: normal;
    color: #000; 
    background-color: transparent;
    margin: 0; 
    padding: 0;
    line-height: 150%;
    border: 1px none;
    display: inline;
    width: auto;
    height: auto;
    white-space: normal;    
}

b, strong   { font-weight: bold; }
i, em       { font-style: italic; }
u           { text-decoration: underline; }
s, strike   { text-decoration: line-through; }
a           { text-decoration: underline; color: blue; }
ins         { color: green; text-decoration: underline; }
del         { color: red; text-decoration: line-through; }
pre,code,
kbd,samp,tt { font-family: "Courier New"; }
h1,h2,h3,
h4,h5,h6    { font-weight:bold; margin:2px 0 0 0; }
h1          { font-size:12px; }
h2          { font-size:20px; }
h3          { font-size:13px; color:#666666; padding:0; }
tr,th,td    { vertical-align: middle; width: auto; }
th          { text-align: left; background:#eee; font-weight: bold; padding:4px 0 0 0; }
td          { padding:3px 0 -2px 3px;}
center      { text-align: center; }
big         { font-size: 125%; }
small       { font-size: 75%; }
ul          { margin-left: 1.5em;list-style-type: disc; }
ul ul       { list-style-type: circle; }
ul ul ul    { list-style-type: square; }
ol          { list-style-type: decimal; margin-left: 1.5em; }
pre         { white-space: pre; }
blockquote  { margin-left: 1.5em; margin-right: 1.5em; }
p,pre,hr    { margin:1em 0 0.6em 0; }
.report-list {
    width:100%;
    border-collapse:collapse;
    border:1px solid #ccc;
    margin:10px 0;
}
.report-list thead th {
    border:1px solid #ddd;
    padding:2px 4px 1px 2px;
    text-align:center;
}
.report-list tbody th {
    border:1px solid #ddd;
    padding:2px 6px 1px 6px;
    text-align:right;
    width:130px;
    background:transparent;
}
.report-list tbody td {
    border:1px solid #ddd;
    padding:2px 6px 1px 6px;
}

.price {
    font-weight:bold;
    width:100px;
}

@media print {
    @page {
        @frame {
            margin:1.5cm 1cm;
            /* debugging 
            -pdf-frame-border: 1; */
        }
        @frame header {
            -pdf-frame-content: head-static;
            margin:1.5cm 1cm 1.0cm 1cm;
            height: 0.5cm;
            -pdf-outline: false;
        }
        /*
        @frame footer {
            -pdf-frame-content: foot;
            margin:1.5cm 1cm;
            height: 1cm;
        }
        */
    }
    
    th { background:#ddd; }
    address,blockquote,body,center,dl,dir,div,fieldset,
    form,h1,h2,h3,h4,h5,h6,hr,isindex,menu,noframes,noscript,
    ol,p,pre,table,th,tr,td,ul,li,dd,dt,pdftoc { display: block; }
    noscript { display: none; }
    h1,h2,h3,h4,h5,h6 { -pdf-outline: true; -pdf-outline-open: false; margin:0; }
    h1 { -pdf-outline: false; }
    h2 { -pdf-outline-level: 0; }
    h3 { -pdf-outline-level: 1; margin-top:10px; }
    h4 { -pdf-outline-level: 2; }
    h5 { -pdf-outline-level: 3; }
    h6 { -pdf-outline-level: 4; }
    a  { color:#000; text-decoration:none; }
    #head, #head-static {
    }
     #body.with-static-head {
        padding-top:30px;
        padding-left:4px;
    }
    .no-print { display:none; }
    .report-list {
        width:100%;
    }
    .report-list thead th {
        height:14px;
        vertical-align:middle;
        line-height:-5px;
    }
    .report-list tbody th {
        height:14px;
        vertical-align:middle;
        line-height:-5px;
        padding:4px 4px 0 4px;
    }
    .report-list tbody td {
        border:1px solid #ddd;
        height:14px;
        vertical-align:middle;
        line-height:-5px;
        padding:4px 4px 0 4px;
    }
    #foot {
        display:block;
        text-align:right;
        padding-top:5px;
    }
    pdftoc {
        color: #666;
    }
    pdftoc.pdftoclevel0 {
        font-weight: bold;
        margin-top: 0.5em;
    }
    pdftoc.pdftoclevel1 {
        margin-left: 1em;
    }
    pdftoc.pdftoclevel2 {
        margin-left: 2em;
        font-style: italic;
    }     
    /* Optimization for low resolution images */
    /*img { zoom: 80%; }*/
    .lettre {
    }
    .lettre .title-date {
        padding-top: 122px;
    }
    .lettre h1 {
        font-size: 1.3em;
        padding-top: 20px;
    }
    .lettre h2 {
        font-size: 1.1em;
        padding: 10px 0;
    }
    .lettre .billing-address {
        padding: 10px 20px;
        border: 1px solid #ccc;
    }
}

@media screen {
    body, html {
        background:#eee;
        margin:0;
    }
    .page-break {
        background:#eee;
        width:8.5in;
        margin:0.5in 0 0.5in -48px;
        padding:0.2in 0 0.2in 0;
        border:1px dashed #ccc;
        border-width:1px 0;
        text-align:center;
        color:#666;
    }
    #page {
        background:#fff;
        border:1px solid #333;
        margin:10px auto;
        width:8.5in;
    }
    #head, #head-static {
        margin:0.5in 0.5in 0 0.5in;
    }
    #body { 
        margin:0 0.5in;
    }
    #foot {
        display:none;
    }
    #content {
        min-height:8in;
        position:relative;
    }
    #report-toolbar {
        background:#333;
        color:#fff;
        font-family:verdana;
        font-size:110%;        
        width:8.5in;
        height:20px;
        margin:0 auto;
        padding:10px;
        -moz-border-radius-bottomLeft:5px;
        -moz-border-radius-bottomRight:5px;
        -webkit-border-radius-bottomRight:5px;
        -webkit-border-radius-bottomLeft:5px;
        overflow: hidden;
    }
    #report-toolbar span{ float:left;}
    #report-toolbar a {
        color:#309BBF;
        text-decoration:none;
        float:right;
        padding:0 12px;
        border-right:1px solid #666;
    }
    #report-toolbar a:first-child {
        border:0;
    }
    label.print {
        display:block;
    }
    label.print input {
        border:1px solid #CCCCCC;
        display:block !important;
        font-size:160%;
    }
    .lettre .title-date {
        margin-top: 60px;
    }
    .lettre h1 {
        font-size: 1.3em;
        padding-top: 20px;
    }
    .lettre h2 {
        font-size: 1.1em;
        padding: 10px 0;
    }
    .lettre .billing-address {
        padding: 10px 20px;
        border: 1px solid #ccc;
    }
}
#report-filter {margin:0 auto; width: 8.5in; overflow: hidden; }
#report-filter form {float:right; padding-top: 3px;}
#report-filter form select {padding:3px; width: auto; float:left; margin-right:3px}
#report-filter form select#area_id { width:300px\9;}
.button {float:left; border: 1px solid #7A7A7A; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #F5F5F5; cursor: pointer; font-family: Arial; font-size: 13px; padding: 5px 7px; 
  padding: 2px 5px\9;
  background:#afafaf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#afafaf), to(#7a7a7a));
  background-image: -webkit-linear-gradient(top, #afafaf, #7a7a7a);
  background-image:    -moz-linear-gradient(top, #afafaf, #7a7a7a);
  background-image:     -ms-linear-gradient(top, #afafaf, #7a7a7a);
  background-image:      -o-linear-gradient(top, #afafaf, #7a7a7a);
  background-image:         linear-gradient(top, #afafaf, #7a7a7a);  
  text-shadow: 0 1px 0 #727272; 
}
.button:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7a7a7a), to(#afafaf));
  background-image: -webkit-linear-gradient(top, #7a7a7a, #afafaf );
  background-image:    -moz-linear-gradient(top, #7a7a7a, #afafaf );
  background-image:     -ms-linear-gradient(top, #7a7a7a, #afafaf );
  background-image:      -o-linear-gradient(top, #7a7a7a, #afafaf );
  background-image:         linear-gradient(top, #7a7a7a, #afafaf );
}

.ajax_load {
	background: url(../img/ajax-loader.gif) no-repeat 0 0;
	width:70px;
	position:absolute;
	height:70px;
	z-index:9999!important;
	left:48%;
	top:62px;
	display: none
}