/**
  * “Silk” icons by Mark James <mjames [at] gmail [dot] com>
  * http://www.famfamfam.com/lab/icons/silk/
  * used under the terms of the Creative Commons Attribution 2.5 License
  * http://creativecommons.org/licenses/by/2.5/
  *
  *
  */

body {
font: small normal "Lucida Grande",Helvetica,Arial,sans-serif; /* 10pt in Safari */
}
* html body {
font-size: x-small; /* for IE5/Win, which renders fonts 1 step smaller than other browsers */
f\ont-size: small; /* for other IE versions */
}

h1 {
font-size: 2em;
margin: 0 0 0.5em;
}

h2 {
font-weight: bold;
font-size: 1.3em;
margin: 0 0 0.77em;
}

h3 {
font-weight: bold;
font-size: 1.2em;
margin: 0 0 0.83em;
}

table {
border-collapse: collapse;
border: 1px inset #BABABA;
width: 100%;
margin: 0 0 1em;
}

table thead tr th {
background: #FFFFFF url("backgrounds/table-header.png") 0 50% repeat-x;
text-align: left;
white-space: nowrap;
padding: 2px 4px;
font-weight: normal;
font-size: 80%;
line-height: 1;
border: 1px inset #BABABA;
}

table tfoot tr th {
padding: 2px 4px;
font-weight: bold;
background-color: #666;
color: #fff;
text-align: right;
}

table tfoot tr td {
padding: 2px 4px;
font-weight: bold;
background-color: #666;
color: #fff;
}

table tbody tr td {
padding: 3px 4px;
background-color: #FFFFFF;
}

table tbody tr.alt td {
background-color: #F0F0F0;
}

p,ul,ol,dl {
margin: 0 0 1em;
}

hr {
clear: both;
margin: 0.5em 0;
border: 1px inset #BABABA;
border-width: 1px 0 0;
}

form {
width: 680px;
}

form hr {
border: none;
}

form fieldset {
border: 1px inset #BABABA;
margin: 0 0 1em;
padding: 0 6px;
}

form fieldset legend {
color: #000;
font-weight: bold;
}

form textarea {
border: 1px inset #BABABA;
width: 320px;
height: 8em;
padding: 0 0 0 4px;
}

form input[type=text],
form input[type=password] {
border: 1px inset #BABABA;
padding: 2px 4px;
}

kbd {
font-family: monospace;
font-style: normal;
font-weight: normal;
font-size: 100%;
}

small {
font-size: 83%;
}

big {
font-size: 120%;
}

strong {
font-weight: bold;
font-style: inherit;
}

em {
font-style: italic;
font-weight: inherit;
}

a, a:active, a:link, a:visited {
color: #003366;
text-decoration: none;
}

a:hover {
color: #660000;
text-decoration: underline;
}

.menu {
overflow: hidden;
}

.menu li {
float: left;
}

.menu li a {
display: block;
margin: 0 0.67em 0 0;
}

.menu.operations {
float: right;
}

.menu.operations .operation {
width: 20px;
}

.replaced {
padding: 0;
overflow: hidden;
background-repeat: no-repeat;
height: 0px !important;
}

.operation .edit.replaced {
display: block;
width: 16px;
background-image: url("backgrounds/brick_edit.png");
padding-top: 16px;
height /**/:16px;
}

.operation .delete.replaced {
display: block;
width: 16px;
background-image: url("backgrounds/brick_delete.png");
padding-top: 16px;
height /**/:16px;
}

.users .operation .edit.replaced {
background-image: url("backgrounds/user_edit.png");
}
.users .operation .delete.replaced {
background-image: url("backgrounds/user_delete.png");
}

.adr .operation .edit.replaced,
.addresses .operation .edit.replaced {
background-image: url("backgrounds/email_edit.png");
}
.adr .operation .delete.replaced,
.addresses .operation .delete.replaced{
background-image: url("backgrounds/email_delete.png");
}

.addresses .operation.add {
padding-left: 20px;
background-image: url("backgrounds/email_add.png");
background-image: url("backgrounds/email.png");
background-position: 0 50%;
background-repeat: no-repeat;
}
.addresses .operation.add:hover {
background-image: url("backgrounds/email_add.png");
}

.tel .operation .edit.replaced,
.telephones .operation .edit.replaced {
background-image: url("backgrounds/telephone_edit.png");
}
.tel .operation .delete.replaced,
.telephones .operation .delete.replaced {
background-image: url("backgrounds/telephone_delete.png");
}

.telephones .operation.add {
padding-left: 20px;
background-image: url("backgrounds/telephone_add.png");
background-image: url("backgrounds/telephone.png");
background-position: 0 50%;
background-repeat: no-repeat;
}
.telephones .operation.add:hover {
background-image: url("backgrounds/telephone_add.png");
}


.authorities .operation .delete.replaced {
background-image: url("backgrounds/key_delete.png");
}

.authorities .operation.add {
padding-left: 20px;
background-image: url("backgrounds/key_add.png");
background-image: url("backgrounds/key.png");
background-position: 0 50%;
background-repeat: no-repeat;
}
.authorities .operation.add:hover {
background-image: url("backgrounds/key_add.png");
}

.carts .operation .edit.replaced {
background-image: url("backgrounds/cart_edit.png");
}

.adr,
.tel {
background-color: rgb(228,238,252);
padding-left: 4px;
padding-bottom: 4px;
margin-bottom: 0.5em;
border: 1px solid rgb(202,214,231);
}

.adr.pref,
.tel.pref {
background-color: rgb(255,255,206);
border-color: rgb(250,228,117);
}

.adr .type,
.tel .type {
font-size: 80%;
background-color: rgb(202,214,231);
margin-left: -4px;
padding: 2px 4px 1px;
margin-bottom: 2px;
}

.adr.pref .type,
.tel.pref .type {
background-color: rgb(250,228,117);
}


.pages {
margin: 0 0 2.5em;
font-size: 80%;
}

.pages a {
background: #FFFFFF url("backgrounds/table-header.png") 0 50% repeat-x;
padding: 2px 5px;
margin: 2px;
border: 1px outset #BABABA;
text-decoration: none;
color: #000000;
}

.pages a:hover {
background-color: #F0F7FF;
border-color: #BABABA;
color: #000000;
}
.pages a:active {
background-color: #E3EBF3;
border-color: #BABABA;
border-style: inset;
color: #000000;
}

.pages .disabled {
background: #FFFFFF url("backgrounds/table-header.png") 0 50% repeat-x;
padding: 2px 5px;
margin: 2px;
border: 1px outset #ECECEC;
color: #DDDDDD;
}

.pages .current {
background: #E3EBF3 url("backgrounds/table-header.png") 0 50% repeat-x;
padding: 2px 5px;
margin: 2px;
border: 1px outset #BABABA;
font-weight: bold;
}


table tbody td.operation {
width: 20px;
}

table.products tbody tr td.name {
font-weight: bold;
}
table.products tbody tr td.brief_description {
padding-top: 0;
font-size: 80%;
}

table.users tbody tr td.family_name {
text-align: right;
font-weight: bold;
}
table.users tbody tr td.given_name {
font-weight: bold;
}
table.users tbody tr td.locality {
text-align: right;
}

table.cart-contents tbody tr td.quantity {
width: 45px;
text-align: right;
}
table.cart-contents tbody tr td.quantity input {
width: 35px;
text-align:right;
}
table.cart-contents tbody tr td.product {
font-weight: bold;
}
table.cart-contents tbody tr td.vendor_number {
width: 120px;
font-size: 80%;
}
table.cart-contents tbody tr td.price,
table.cart-contents tbody tr td.total {
width: 75px;
text-align: right;
}
table.cart-contents tfoot tr th.total-label,
table.cart-contents tfoot tr th.shipping-label,
table.cart-contents tfoot tr th.total-charge-label {
font-weight: bold;
text-align: right;
}
table.cart-contents tfoot tr td.total {
text-align: right;
}

table.charges tbody tr td.price,
table.charges tbody tr td.price input,
table.charges tfoot tr td.price {
text-align: right;
}

table.charges td.ftime,
table.charges td.price {
width: 87px;
}

table.charges tbody td.billable,
table.charges tbody td.created_on {
font-size: 90%;
}

table.charges tbody tr.unquoted td {
background-color:#FFF6BF;
border-top: 1px solid #FFd324;
}

table.charges tbody tr.unquoted td.billable,
table.charges tbody tr.unquoted td.description {
font-weight: bold;
}

form dl.inputs dt {
font-weight: bold;
font-size: 90%;
margin: 1.1em 0 0;
}

form dl.inputs dd {
overflow: hidden;
}

form .col {
width: 330px;
float: left;
margin-right: 10px;
}

form .col .col {
width: 155px;
}

form .inputs.control {
clear: both;
}

form .col .inputs.control {
clear: none;
}

#container {
margin: 0 24px;
}

.flash {
border-width: 2px 0;
border-style: solid;
text-align: left;
padding: 2px 0;
margin: 0 0 2em 0;
}

.flash p,
.flash ul{
margin: 0.5em 0;
padding: 0 25px 0 45px;
}

.flash .first {
font-weight: bold;
background-position: 15px 0;
background-repeat: no-repeat;
}

.flash ul li {
list-style-type: disc;
margin-left: 1.5em;
}

.flash.success {
background-color: #f8fafc;
border-color: #b5d4fe;
}

.flash.success .first {
background-image: url("backgrounds/accept.png");
}

.flash.notice {
background-color: #fff6bf;
border-color: #ffd324;
}

.flash.notice .first {
background-image: url("backgrounds/exclamation.png");
}