@import url('common.css');

.box {
    float: right;
    width: 180px;
}

.box p {
    margin: 0;
    padding: 0;
}

.box #wildcard, .box #credibility {
    font-size: 1.3em; 
    margin-bottom: 0.5em; 
    text-align: center;
}

.box #credibility {
    margin-bottom: 1em;
}

.box #browsers {
    float: right;
}

.box #seals {
    text-align: center;
}

.box #price {
    margin-top: 1em;
    margin-bottom: 2em;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
}

img.rating {
    vertical-align: top;
}

span.label {
/*    font-weight: bold; */
}

/*
#seals {
    margin-top: 2em;
}
*/

/* http://www.neuroticweb.com/recursos/css-rounded-box/ */
.rbroundboxG { background: url(/r/i/c_nt_g.gif) repeat; width: 500px; }
.rbtopG div { background: url(/r/i/c_tl_g.gif) no-repeat top left; }
.rbtopG { background: url(/r/i/c_tr_g.gif) no-repeat top right; }
.rbbotG div { background: url(/r/i/c_bl_g.gif) no-repeat bottom left; }
.rbbotG { background: url(/r/i/c_br_g.gif) no-repeat bottom right; }

.rbroundboxY { background: url(/r/i/c_nt_y.gif) repeat; width: 500px; }
.rbtopY div { background: url(/r/i/c_tl_y.gif) no-repeat top left; }
.rbtopY { background: url(/r/i/c_tr_y.gif) no-repeat top right; }
.rbbotY div { background: url(/r/i/c_bl_y.gif) no-repeat bottom left; }
.rbbotY { background: url(/r/i/c_br_y.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtopG div, .rbtopG, .rbbotG div, .rbbotG, .rbtopY div, .rbtopY, .rbbotY div, .rbbotY { width: 100%; height: 7px; font-size: 1px; }
.rbcontentG, .rbcontentY { margin: 0 7px; }
/* .rbroundboxG, .rbroundboxY { margin: 1em; } */

table {
    border-collapse: collapse;
}

table.prices {
    margin-left: 2em;
    margin-bottom: 2em;
    width: 40%;
    display: inline;
}

table.small {
    font-size: 0.8em;
}

table.small thead, table.small tfoot, table.small th {
    font-weight: normal;
    text-align: left;
}

thead, tfoot, th {
    font-weight: bold;
    text-align: center;
}

thead.color, tfoot.color, th.color {
    background-color: #FFDD5F;
}

td, th {
    padding: 0.3em 0.5em 0.3em 0.5em;
    border: 1px solid black;
}

table.noborder td, table.noborder th {
    border: 0;
}

table.noborder th {
    text-align: left;
    vertical-align: top;
}

td.price {
    text-align: right;
    width: 7em;
}

td.saving {
    color: red;
}

tr.color {
    background-color: #f0f3f9;
    background-color: #ffedab;
}

.form-rows {
}

.form-row {
    padding: 0.3em 0 0.3em 0;
    margin-bottom: 3px;
}

.form-row input[type=text] {
    width: 20em;
}

.form-row input.readonly {
    color: #666;
}

.form-row label {
    width: 15em; 
    float: left; 
    padding-left: 25px;
}

.submit-row {
    text-align: center;
}

.submit-row input {
    background: white url(/r/i/button_bg.gif) bottom repeat-x; 
    padding: 3px;
    color: black;
    border: 1px solid #bbb;
    border-color: #ddd #aaa #aaa #ddd;
}

.required label {
    font-weight: bold;
}

p.help, p.errorlist {
    margin: 0.5em 0 0.5em 25px;
    padding: 0;
    color: #666;
    font-size: 0.8em;
}

p.errorlist {
    color: red;
}

.error {
    background-color: #ffedab;
}

.error label {
    background: #ffedab url(/r/i/icon_warning.gif) center left no-repeat; 
    padding-left: 20px;
    margin-left: 5px;
}

p.OK, p.error {
    padding: 0.5em;
    margin: 1em;
    border: 1px solid green;
    background-color: #88fc79;
    color: black;
    font-weight: bold; 
}

p.error {
    border: 1px solid #dd0000;
    background-color: #ffedab;
    color: #dd0000;
}