/*for pagination buttons */
.pagination_rx a, .pagination_rx strong, .pagination_rx b{border:1px gray solid;padding:4px;}
.pagination_rx strong{background:#D0D0D0;color:#707070;}
.pagination_rx a:hover{text-decoration:underline;color:white;background:#6666FF;}
.pagination_rx div{margin-top:10px;margin-bottom:10px;} /*not sure why the div doesnt size to anchor height without this*/



/*whats new*/
.may09{
  background-image: url(../images/new-feature-icon.png);
  background-repeat: no-repeat;
  background-position: top right;
  padding-right:20px;
  bbackground:red;
}

/*For jquery deleted lines*/
.deleted_row{background:#DFDFDF;color:#AFAFAF;border:2px solid white;}
.deleted{background:#DFDFDF;color:#AFAFAF;}
span.deleted{background:#DFDFDF;color:#AFAFAF;border-bottom:#AFAFAF solid 1px;}/*to overwrite the short date style*/
a:visited.deleted{background:#DFDFDF;color:#AFAFAF;} /*IE needs to be specific*/


/*hide the stripes and left align*/
qq.summary td{border:none;padding-top:.3em;padding-bottom:0.3em;border-bottom:1px solid #EFEFEF;}
.summary tr.stripe{background:none;}




/*wrapper around summary reports*/
qq.summary{
  bbackground:orange;
  qpadding:0;
}

/*use to set color of the prompt under headings*/
q.summary p, q.report p, q.generic p{
  color:gray;
  ccolor:red;
  bbackground:red;
  mmargin-top:0;
  width:80%;
}

.generic p.error{
  color:#e50b0b;
}


/*clever wrapper around tables to let me set indents on 100%width table without breaking out of margins*/
qq.summary qq.table_wrapper{
  margin:0 0 0 3px;
  margin:0;
  bbackground:red;
}


qq.summary qq.report_heading{
    padding-left:0.5em; /*to line up text if coloured background set*/

}

q.report_heading h3{
  background:green;
  margin:0;
  padding:0;
}

q.report_heading{
  background:red;
  margin:0;
  padding:0;
}

q.report_heading .show{
  color:pink;

}





qqdiv.report, qqdiv.report-todo {
  clear:both;
  mmargin:0 0 0 1em;
  mmargin:10px;
  margin:0;
  padding:0px;
  /*This helps solve peekaboo. but foun dthe proper way is .report_heading??*/
  wwidth:99%;/*used to fix a gap after floats*/
  wwidth:99.9%;/*221208 made bigger for styling used to fix a gap after floats*/
  bbackground:red;
  margin-bottom:2.5em;
}

qqdiv.report table, qqdiv.report-todo table{
  cclear:both;
  width:100%;
  margin-bottom:0;/*this must be 0 for confirm panel. if required add space to report or button*/
  margin:0;
}

div.report-todo table{
  clear:both;
  font-weight:bold;
}




ddiv.report h2 {
  color:black;
  font-size:1.1em;
  font-size:1.2em;
  font-weight:bold;
  margin:0;
  padding:0;
  margin-top:0em;
  mmargin-bottom:0.2em;

}


qq.report table{
  bborder-top:1px solid gray;
  bmargin-top:.1em;
  bbackground:blue;
  margin:0;
  padding:0;
}

/*wrapper around report headings and select filter*/
qq.report_heading{
  padding:.5em;
  padding-left:0;
  lline-height:auto;
  height:1%;/*critical holly hack - does also add a bit of space after for some reason*/
  bborder-bottom:2px solid #d4eaee;
  margin:0;
}

.qreport_heading h3{
  pposition:relative;
  qfloat:left;
  qwidth:60%;
  bborder:1px solid blue;
  qmargin:0;
  qpadding:0;
  ppadding-top:1em;
  qfont-size:1.1em;
  qfont-weight:bold;
  qcolor:black;
  bbackground:blue;
}

/*Wrapper around select filter*/
q.show{
  qmargin-left:60%;
  qpadding:0;
  text-align:right;
  qfont-size:0.9em;
  ppadding-top:0.2em;
  ppadding-bottom:0.2em;
  mmargin-top:0.2em;
  mmargin-bottom:0.2em;
  bbackground:pink;

}

.show select{
  wwidth:17em;
}


qq.show label{
  ccolor:black;
  mmargin:0;
  mpadding:0;
}


/*column widths for standard columns*/
col.order_code{width:170px;bbackground:red;}/*Ensure enough for bold chars*/
col.button, col.buyer_button{width:140px;bbackground:red;}
col.complete_date, col.deleted_date, col.order_date,col.shipped_date,col.invoiced_date,col.price_rejected_date{width:12em;bbackground:green;}
col.name{width:12em;bbackground:blue;}
col.prod_name{min-width:190px;bbackground:yellow;}
col.total_lines{width:6em;bbackground:blue;}




h3 span{
    font-weight:normal;
    margin:0;
    padding:0;
    ffont-size:90%;
}

h3 span span{
    font-weight:normal;
    margin:0;
    padding:0;
    font-size:100%;
}




pp{
  margin:0 0 1em 1em;
  padding:0;
}

pp { /*Needs to be same as home.css or flickers if thats not loaded*/
        margin-left:0;
        color:black;
        color:gray;
        color:#505050;
        line-height:140%;
        font-size:1.1em;
        bbackground:green;
}




caption p{
        width:560px;
        margin:0;
        padding:0 0 .4em 0;
    }

thead{
  margin:0;
  padding:0;
  bbackground:blue;
  font-size:90%;

}

.summary thead{
   display:none;
}


.jan09 {
       padding-right:28px;
       background-image: url(../images/new-feature-icon.png);
       background-repeat: no-repeat;
       background-position: right top;
     }










.sort{
  ccolor:pink;
}

.sort_hl{
  border-bottom:dashed 1px white;
}



.error{
  font-weight:bold;
  color:#e50b0b;
  margin:0;
  padding:0;
}


/*for the jquery toggle*/
.msg_head{
      margin:0 0 .5em 0px;
      padding-right:12px;
      bbackground:red;
      font-size:1em;
      cclear:both;
      cursor:pointer;
      color: #808000;
      background-image:url(i_arrow_down.png);
      background-repeat: no-repeat;
      background-position: right bottom;
      width:30px;
      width:auto;
      font-weight:normal;
      bborder-bottom:dotted 1px;
    }

.hide, .hide_me{
  background-image:url(i_arrow_up.png);
}





.left{
  float:left;
  bbackground:yellow;
  margin:0;
  padding:0;
}

.to_do{
  font-weight:bold;
}


.tip{
  border-bottom:dotted 1px #808000;
  cursor: pointer;
}


.panel{
  background:#d4eaee;
  padding:.1em .5em .5em .5em;
  margin-top:2em;
}


/*fixes for filter above the search results table*/
qq#found .show{margin-left:60%;}
qq#found .show select{width:auto;}





/*search form stuff here*/

#picker{
  margin:0;
  padding:0px;
  margin-top:4px;
}


#picker a{
  float:left;
  background:white;
  color:#000066;
  margin-right:1px;
  margin-bottom:1px;/*220509 improved for 800x600*/
  width:12px;
  text-align:center;
  text-decoration: none;
  font-size:13px;
}

#picker a:hover{
    background:#96D1F5;
}


#col2 h1{
  font-size:1.1em;
  bbackground:red;
  margin:0;
  padding;0;
  margin-top:.5em;
  lline-height:140%;
  bbackground-image: url(../images/small-white-arrow-trim.png);
  bbackground-repeat: no-repeat;
  bbackground-position: left center;


}




#col2 a.latest-stock{
background-image: url(../images/small-white-arrow-trim.png);
background-repeat: no-repeat;
background-position: left center;

    text-decoration:none;
    color:white;

    margin-left:0em;
    mmargin-right:1em;
    padding:0 0 0 0.7em;
    font-weight:bold;
    border-bottom:dotted 1px white;
    wwidth:auto;



}

#col2 a:visited.latest-stock{
 text-decoration:uunderline;
}

#col2 a:hover.latest-stock{
    bbackground:none;
    bbackground-image: url(../images/small-white-arrow-trim.png);
    bbackground-repeat: no-repeat;
    bbackground-position: left center;
    border-bottom:solid 1px #C7E7FA;
    color:#C7E7FA;
}




#col1{
  float:left;
  padding:5px 5px 5px 0em;
  bbackground:green;
  width:auto;
}

#col2{
  float:left;
  padding:5px 5px 5px 5px;
  bbackground:pink;
  wwidth:100%;


}


#searchform{
  margin:0;
  padding:0;
}

#searchform label{
  color:white;
}


#searchform h2{
  color:white;
}

#col2 br.clear{
  clear:both;
  line-height:0;
  margin:0;
  padding:0;
}

/**
* new or moved classes sept10
*/

.column, .one_column{
        float:left;
        width:210px;
        margin:0;
        margin-right:10px;
    }

.two_column{
        float:left;
        width:430px;
        margin:0;
        margin-right:10px;
    }

.three_column{
        float:left;
        width:650px;
        margin:0;
        margin-right:10px;
        bbackground:red;
        ppadding:50px;
    }

#__story p{
  bbackground:blue;
  ppadding-right:10px;
}


.last{
      margin-right:0;
    }

.main_spread{
      width:665px;
      width:660px;
      float:left;
      padding:0;
      padding-right:10px;
      margin:0;
    }



.qqnews{margin-top:1em;}

.news ul{
        padding:0 0.0em 0.5em 0.0em;
        bbackground:pink;
        margin:0;
    }

.news li{
  padding:0em;
  padding-top:.2em;
  background-image: url(/images/small-green-arrow.png);
  background-image: url(/images/small-green-arrow-trim.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-position: 0 7px;
  background-position: 0 middle;

  list-style-type: none;
  padding-left:0.8em;
  margin:0;
  font-weight:bold;
  bbackground:blue;
}

.news a{
  ltext-decoration:none;
  lline-height:120%;
}

.news a:hover{
  qtext-decoration:underline;
  qcolor:#808000;
}

.news p{
   lline-height:110%;
   ccolor:#505050;
   margin-bottom:0.3em;
}

.news h2{
  text-transform: none;margin-bottom:0.4em;
}

#story h4{
  color:gray;font-weight:normal;
}



.display{
  margin-left:80px;
  padding:0 20px;
}


qh1 a:visited{
  ccolor:#106CA5;
}

.wholesale_use{
  background-image: url(../images/w-icon.png);
  width:13px;
  display:block;
  float:right;
  background-repeat:no-repeat;
  background-position: center;
}