div.unprinted {
    display:none;
}

body { 
padding:0px;
margin:0px; 
}

* { 
font-family:helvetica;
font-size:13px;
 }

h1 { 
font-size: 15px;
 }

h1 * { 
font-size: 15px;
 }

h2 { 
font-weight:bold;
 }

/* General table formatting. Some special tables will be formatted differently */

p { clear:both }

table { 
width: 90%;
padding:0px; 
/* spacing: 0px; */
border-collapse: collapse;
border:1px solid #555555;
/* border-bottom: 1px solid #555555; */
 }

td { 
padding-left:5px;
padding-right:5px;
 }

thead td { 
border-bottom: 1px solid #555555;
font-weight:bold;
         }

thead.productCategory td { 
border-bottom:none;
background-color:#ffaaaa;
 }

tr.odd { 
background-color:#dddddd;
 }

/*******************************************************************************/

a.sort { 
color:black;
 }

/* This is rubbish:- */
a.selected { 
background-color: #dddddd;
}

ul.menu { 
display:none;
}

/* clear floats used for navigation... */
div.content {
/* padding-top:20px;*/
 clear:both ;
padding-left: 20px;
padding-right: 20px;
}



table.form { 
margin-top:20px;
margin-bottom:10px;
width:40%;
border-top:1px solid #dddddd;
border-bottom:1px solid #dddddd;
 }

table.form td { 
width:50%;
 }


tr.submitted_quote  { 
background-color:rgb(255,200,200);
 }

tr.approved_quote  { 
background-color:rgb(200,255,200);
 }

table.plain { 
border:none;
 }

/* I can use this for debugging notes */
.notes { 
         /* color:#dddddd; */
         background-color:yellow;
 }


span.error { 
color: #dd0000;
 }

p.error { 
color:#dd0000;
/* like guru mediations! */
/* border:2px solid #dd0000; */
padding:5px;
position:absolute; 
top: 40px;
left: 10px;
          }

.erroneous { 
background-color:#ff8888;
 }

.actionPanel { 
width:200px;
background-color:#dddddd;
border: 1px dashed #555555;
margin:10px;
padding:10px;
 }


td.highlighted { 
background-color:yellow;
 }

td.gray { background-color:rgb(200,200,200); }

/*

Some input field width specifiers for the broker product table...

*/

td.vip-commission-column input { width:60px; }
td.broker-markup-column input { width:60px; }
td.tax-column input { width:60px; }

/*
This is for the category navigation thing...
*/

div.level-1 { padding-left:30px; }
div.level-2 { padding-left:60px; }
div.level-3 { padding-left:90px; }
div.level-4 { padding-left:120px; }

div.menu-foot { 
clear:both;
height:0px;
 }

div.header-container, input, div.header-container * { 
display:none;
 }

a { 
color:#880000;
 }


a:hover:after { 
/* this is quite good for displaying access keys, but I don't like it that much... */
/* content: " [" attr(accesskey) "]"; */

 }

a em { 
text-decoration:underline;
font-style:normal;
 }

div.save-button { 
                  
text-align: right;
background-color:#dddddd;
 }


div.product-group-list {
	padding-left:40px;

}

div.product-group-list div {
	padding-bottom:10px;
}

div.product-group-list a {
font-weight: bold;
	text-decoration:none;
}

div.category-leaf { 
/* padding-left:20px;
background-image: url('/pub/arrow.gif');
background-repeat: no-repeat;
*/
color:#880000;
font-weight:bold;
 }

a.category-group { 
 border-bottom: 1px solid #aaaaaa;
 }

p.footnote {
position:absolute;
bottom:60px;
}


table.product-list { 
width:70%;
 }


h1.pageTop { 
margin-top:40px;
 }

/*

Library documents panel, which is boxed of to the right.

*/

.wide .home-page-content { 
width:90%;
padding-bottom:30px;
border:1px solid #aaaaaa;
margin-left:10px;
background-color:#e8e8e8;
margin-top:20px;
 }

.home-page-content { 
width:50%;
padding-bottom:30px;
border:1px solid #aaaaaa;
margin-left:10px;
background-color:#e8e8e8;
margin-top:20px;
 }

.libraryDocuments, .additional-html-content { 
position:absolute;
/* top:150px; left:70%;                    
*/
width:25%;

top:200px; right:5px; 
/* width:260px; */
padding-bottom:30px;
border:1px solid #aaaaaa;
margin-left:10px;
background-color:#e8e8e8;
 }

.libraryDocuments .content,  .additional-html-content .content, .home-page-content .content { 
padding-left: 10px;
padding-right: 10px;
 }

.libraryDocuments h1, .additional-html-content h1, .home-page-content h1  { 
font-size:17px;
background-color:#999999;
color:white;
padding:3px;
margin:0px;
margin-bottom:10px;
margin-top:10px;
font-weight:normal;
 }


/*

This shows the user what stage of the process they are at...

*/

.quote-stage { 
padding:20px;
 }

.stage { 
padding:20px;
background-repeat:no-repeat; background-position: top left;
}

.current-stage { font-weight: bold; color: #880000; background-image: url(/pub/active-tick.png);}
.completed-available-stage { font-weight: bold; color: #880000;  background-image: url(/pub/tick.png);}
.completed-unavailable-stage { font-weight: bold; color: #666666;  background-image: url(/pub/tick.png);}

.available-stage { font-weight: normal; color:#880000; background-image: url(/pub/untick.png);}
.unavailable-stage { font-weight: normal; color:#666666;  background-image: url(/pub/untick.png);}


/*

field labels...

*/

form.data-capture { 
 }

div.fieldLabel { 
font-weight: bold;
 }

div.fieldValue {
padding-bottom: 12px;
 }

div.fieldValue input { 
border: solid 1px #aaaaaa;
width:40em;
 }

div.panel1 div.fieldValue input, div.panel2 div.fieldValue input { 
width:90%;
 }


table.vq td input {
width:200px;
}

div.xpanel1 input {
width:200px;
}

div.xpanel2 input {
width:200px;
}

div.panel1 { 
 width: 80% 
}

div.panel2, div.quote-stage { 
display:none;
}

form div.printable { 
display:block;
 }

div.panel1 table.form { 
width:90%;
 }


div.actionLink { 
display:none;
 }

div.actionLink a { 
text-decoration:none;
padding:3px;
background-color: #eeeeee;
border:1px solid #aaaaaa;
color:black;
 }