/*------------------------------------------------------------------------*/
/* Screen stylesheet for the Daily.co.uk user control panel               */
/* Written by Andy Wardley http://wardley.org/ based on a design by       */
/* Chaos Design http://www.chaosdesign.com/                               */
/*------------------------------------------------------------------------*/


body {
    font: Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: #3A5153;
    font: Verdana, Arial, Helvetica, sans-serif;
}

h1.headline {
    margin: 10px;
    padding: 0;
    font: 26px Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #AFBC4A;
}

h2.subhead {
    margin: 10px;
    padding: 0;
    font: 20px Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #80706B;
}

h3, h4 {
    padding-left: 10px;
}

a {
    color: #5391A6;
	text-decoration: none;
}

a:visited {
/*     color: #3A5153; */
}

a:hover {
    color: #ff9226;
}

p {
    font-size: 12px;
    margin: 10px 10px;
    line-height: 1.45em;
}

p.intro,
p.strong {
    margin: 10px 0;
    font-size: 15px;
    line-height: 21px;
}

p.strong {
    font-weight: bold;
}

code {
    color: #441D1E
}

.hidden {
    display: none;
}

.hidetext {
    display: none;
}

.trans50 {
    filter: alpha(opacity=50);
    -moz-opacity: .50;
    opacity: .50;
}

.warning {
    color: #CC0000;
}

.error {
    color: #CC0000;
}

.todo {
    background: #FFFFFF url('images/backgrounds/todo.jpg') no-repeat top left;
    border: 1px dashed #faa;
    padding: 26px 10px 10px;
}

.debug {
    background: #FFFFFF url('images/backgrounds/debug.gif') no-repeat top left;
    border: 1px dashed #74A2A6;
    padding: 26px 10px 10px;
}

.wow {
    color: #ff9226;
    font-weight: bold;
}

.bold {
    font-weight: bold;
}

.clear {
    clear: both;
}

.mailto {
    color: #44c;
    font-weight: bold;
}

li {
    margin-bottom: 4px;
    font-size: 12px;
}

ul.toc {
    padding-left: 20px;
}

ul.toc li {
    list-style: none;
    font-size: 11px;
    padding-left: 14px;
}

ul.toc li a {
    padding-left: 12px;
    margin-left: -12px;
    list-style: none;
/*  background: url('images/bullets/small_right.gif') no-repeat left 2px; */
    background: url('images/bullets/small_arrow_right.gif') no-repeat left 2px;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}

ul.toc li a:hover {
/*  background: url('images/bullets/small_right_roll.gif') no-repeat left 2px; */
    background: url('images/bullets/small_arrow_right_roll.gif') no-repeat left 2px;
}

div.tick,
p.tick,
span.tick,
a.tick {
    display: block;
    margin: 5px 15px;
    padding: 4px 0 0 32px;
    background: url('images/controls/tick.gif') no-repeat top left;
    min-height: 26px;
    font-size: 14px;
    background: url('images/controls/tick.gif') no-repeat top left;
    min-height: 26px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

* html .tick {   /* fix for IE's lack of min-height which it implements as height */
    height: 26px;
}

a.tick:hover {
    background-image: url('images/controls/tick_roll.gif');
}
div.cross,
p.cross,
span.cross,
a.cross {
    display: block;
    margin: 5px 15px;
    padding: 4px 0 0 32px;
    background: url('images/controls/cross.gif') no-repeat top left;
    min-height: 26px;
    font-size: 14px;
    background: url('images/controls/cross.gif') no-repeat top left;
    min-height: 26px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

* html .cross {   /* fix for IE's lack of min-height which it implements as height */
    height: 26px;
}

a.cross:hover {
    background-image: url('images/controls/cross_roll.gif');
}
div.alert,
p.alert,
span.alert,
a.alert {
    display: block;
    margin: 5px 15px;
    padding: 4px 0 0 32px;
    background: url('images/controls/alert.gif') no-repeat top left;
    min-height: 26px;
    font-size: 14px;
    background: url('images/controls/alert.gif') no-repeat top left;
    min-height: 26px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

* html .alert {   /* fix for IE's lack of min-height which it implements as height */
    height: 26px;
}

a.alert:hover {
    background-image: url('images/controls/alert_roll.gif');
}
div.back,
p.back,
span.back,
a.back {
    display: block;
    margin: 5px 15px;
    padding: 4px 0 0 32px;
    background: url('images/controls/back.gif') no-repeat top left;
    min-height: 26px;
    font-size: 14px;
    background: url('images/controls/back.gif') no-repeat top left;
    min-height: 26px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

* html .back {   /* fix for IE's lack of min-height which it implements as height */
    height: 26px;
}

a.back:hover {
    background-image: url('images/controls/back_roll.gif');
}
div.next,
p.next,
span.next,
a.next {
    display: block;
    margin: 5px 15px;
    padding: 4px 0 0 32px;
    background: url('images/controls/next.gif') no-repeat top left;
    min-height: 26px;
    font-size: 14px;
    background: url('images/controls/next.gif') no-repeat top left;
    min-height: 26px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

* html .next {   /* fix for IE's lack of min-height which it implements as height */
    height: 26px;
}

a.next:hover {
    background-image: url('images/controls/next_roll.gif');
}
div.plus,
p.plus,
span.plus,
a.plus {
    display: block;
    margin: 5px 15px;
    padding: 4px 0 0 32px;
    background: url('images/controls/plus.gif') no-repeat top left;
    min-height: 26px;
    font-size: 14px;
    background: url('images/controls/plus.gif') no-repeat top left;
    min-height: 26px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

* html .plus {   /* fix for IE's lack of min-height which it implements as height */
    height: 26px;
}

a.plus:hover {
    background-image: url('images/controls/plus_roll.gif');
}
div.minus,
p.minus,
span.minus,
a.minus {
    display: block;
    margin: 5px 15px;
    padding: 4px 0 0 32px;
    background: url('images/controls/minus.gif') no-repeat top left;
    min-height: 26px;
    font-size: 14px;
    background: url('images/controls/minus.gif') no-repeat top left;
    min-height: 26px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

* html .minus {   /* fix for IE's lack of min-height which it implements as height */
    height: 26px;
}

a.minus:hover {
    background-image: url('images/controls/minus_roll.gif');
}
div.help,
p.help,
span.help,
a.help {
    display: block;
    margin: 5px 15px;
    padding: 4px 0 0 32px;
    background: url('images/controls/help.gif') no-repeat top left;
    min-height: 26px;
    font-size: 14px;
    background: url('images/controls/help.gif') no-repeat top left;
    min-height: 26px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

* html .help {   /* fix for IE's lack of min-height which it implements as height */
    height: 26px;
}

a.help:hover {
    background-image: url('images/controls/help_roll.gif');
}
div.update,
p.update,
span.update,
a.update {
    display: block;
    margin: 5px 15px;
    padding: 4px 0 0 32px;
    background: url('images/controls/update.gif') no-repeat top left;
    min-height: 26px;
    font-size: 14px;
    background: url('images/controls/update.gif') no-repeat top left;
    min-height: 26px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

* html .update {   /* fix for IE's lack of min-height which it implements as height */
    height: 26px;
}

a.update:hover {
    background-image: url('images/controls/update_roll.gif');
}


.dotdotdot {
    color: #80706B;
    font-size: 10px;
}

address {
  margin: 15px;
  white-space: nowrap;
  color: #3A5153;
}

div.rnote {
    font-size: 11px;
    padding: 2px 20px;
    text-align: right;
}

div.indent {
    padding-left: 20px;
}

div.indent p {
    margin-top: 0;
    padding-top: 0;
    font-size: 11px;
}

div.indent h3 {
    margin: 20px 0 4px -20px;
    padding: 0 0 5px 0;
    font-size: 15px;
    border-bottom: 1px solid #3A5153;
}

div.indent h4 {
    margin-left: -20px;
    margin-bottom: 2px;
    margin-top: 5px;
    padding: 0;
    font-size: 12px;
}

h3.section {
    margin: 30px 0 4px 5px;
    padding: 0 0 5px 0;
    font-size: 15px;
    border-bottom: 1px solid #74A2A6;
}
/*------------------------------------------------------------------------*/
/* form styles                                                            */
/*------------------------------------------------------------------------*/
 
form {
    padding: 0;
    margin: 0px; 
}

form fieldset {
    position: relative;
    margin: 0;
    padding: 1px 0 0 0;
    border: 0px;
}

form fieldset legend {
    display: none;
}

form label { 
    float: left;
    margin: 4px;
    padding: 0px;
    font-size: 12px;
    color: #3A5153;
    text-align: right;
}

form input, form select {
    font-size: 12px;
    margin: 1px;
    padding: 1px 3px;
    color: #1D2829;    
/*    background-color: #EDF2F3;
     border: 1px solid #74A2A6;
*/
    background-color: #F5F6E7;
    border: 1px solid #57797C;
}

form select {
    padding: 0 1px;
    padding: 2px;
}

form .optional input,
form .optional select {
    color: #1D2829;    
    background-color: #EDF2F3;
    border: 1px solid #74A2A6;
}

form .mandatory input,
form .mandatory select {
    background-color: #F5F6E7;
    border: 1px solid #57797C;
}

form .optional label {
    color: #74A2A6;
}

form .mandatory label {
    color: #1D2829;
}

form input.text {
}

form .field input:focus,
form .field select:focus {
    background-color: #D7DDA4;
    border: 1px solid #1D2829;
}

form input.button {
    padding: 1px 3px;
    color: #DCE7E8;
    background-color: #57797C;
    border: 1px solid #57797C; 
}
   
form input.button:hover,
form input.button:focus {
    color: black;
    background-color: #EBEED1;
    border: 1px solid #3A5153; 
}

form .invalid input {
    border: 1px solid ;
}

form div.options {
    float: left;
    background-color: #fafafa;
    border: 1px dashed #ddd;
    padding: 3px;
    margin: 2px;
    font-size: 12px;
    line-height: 16px;
}

form.option {
    margin: 5px;
}

form.option input.button {
    border: 0;
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-position: top left;
}

form.option label {
    line-height: 20px;
    font-size: 12px;
    padding-top: 2px;
}

form.option select {
    line-height: 20px;
    width: 190px; 
    margin: 0;
}

/* TODO - move control images, create different sizes */

form.option input.add {
    background-image: url('images/controls/plus.gif');
}

form.option input.add:hover {
    background-image: url('images/controls/plus_roll.gif');
}

form.option input.delete {
    background-image: url('images/controls/minus.gif');
}

form.option input.delete:hover {
    background-image: url('images/controls/minus_roll.gif');
}

select.usertype option {
    font-size: 10px;
    padding-left: 10px;
    height: 14px;
}

select.usertype option.heading,
select.usertype option.section {
    padding-left: 0;
}

select.usertype option.section {
    font-weight: bold;
    font-size: 11px;
}

form input.tick {
    display: block;
    margin: 5px 15px;
    padding: 4px 0 0 28px;
    background: url('images/controls/tick.gif') no-repeat top left;
    min-height: 28px;
    font-size: 14px;
    text-decoration: none;
    color: #57797C;
    border: 0;
}

form input.tick:hover,
form input.tick:focus {
    background: url('images/controls/tick_roll.gif') no-repeat top left;
    color: #3A5153;
}
/*------------------------------------------------------------------------*/
/* table styling                                                          */
/*------------------------------------------------------------------------*/

table.rounded {
    border: 0;
}

table.rounded tr th {
    margin: 0;
    padding: 2px 6px;
    height: 18px;
    background-color: #57797C;
    color: white;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    border: 0;
    border-bottom: 1px solid white;
}

table.rounded tr th.tl,
table.rounded tr th.top {
    background: #57797C url('images/form/panels/480x1000/head.gif') no-repeat top left;
}

table.rounded tr th.tr {
    background: #57797C url('images/form/panels/480x1000/head.gif') no-repeat top right;
}

table.rounded tr th.bl {
    background: #57797C url('images/form/panels/480x1000/head.gif') no-repeat bottom left;
}

table.rounded tr th.br {
    background: #57797C url('images/form/panels/480x1000/head.gif') no-repeat bottom right;
}

table.rounded tr td {
    text-align: left;
    font-size: 11px;
    padding: 2px 6px;
    margin: 0;
    line-height: 18px;
    color: #1D2829;
    background-color: #DCE7E8;
    border: 0;
    border-bottom: 1px solid white;
}

table.rounded tr.bot td,
table.rounded tr td.bot {
    border-bottom: 0;
}

table.rounded tr.error td {
    background-color: #D6C9C9;
}

table.rounded tr.error td.action {
    color: #CC0000;
}

table.rounded tr td.tl {
    background: #DCE7E8 url('images/form/panels/480x1000/value.gif') no-repeat top left;
}

table.rounded tr td.tr {
    background: #DCE7E8 url('images/form/panels/480x1000/value.gif') no-repeat top right;
}

table.rounded tr td.bl {
    background: #DCE7E8 url('images/form/panels/480x1000/value.gif') no-repeat bottom left;
}

table.rounded tr td.br {
    background: #DCE7E8 url('images/form/panels/480x1000/value.gif') no-repeat bottom right;
}

table.rounded tr.alt td {
    background-color: #E9F0F3;
}

table.rounded tr.alt td.tl {
    background: #DCE7E8 url('images/form/panels/480x1000/alt.gif') no-repeat top left;
}

table.rounded tr.alt td.tr {
    background: #DCE7E8 url('images/form/panels/480x1000/alt.gif') no-repeat top right;
}

table.rounded tr.alt td.bl {
    background: #DCE7E8 url('images/form/panels/480x1000/alt.gif') no-repeat bottom left;
}

table.rounded tr.alt td.br {
    background: #DCE7E8 url('images/form/panels/480x1000/alt.gif') no-repeat bottom right;
}

table.rounded tr td.key {
    background-color: #B9D0D2;
}

table.rounded tr td.tlk {
    background: #B9D0D2 url('images/form/panels/480x1000/key.gif') no-repeat top left;
}

table.rounded tr td.trk {
    background: #B9D0D2 url('images/form/panels/480x1000/key.gif') no-repeat top right;
}

table.rounded tr td.blk {
    background: #B9D0D2 url('images/form/panels/480x1000/key.gif') no-repeat bottom left;
}

table.rounded tr td.brk {
    background: #B9D0D2 url('images/form/panels/480x1000/key.gif') no-repeat bottom right;
}

table.rounded tr.error td.tl {
    background: #D6C9C9 url('images/form/panels/480x1000/error.gif') no-repeat top left;
}

table.rounded tr.error td.tr {
    background: #D6C9C9 url('images/form/panels/480x1000/error.gif') no-repeat top right;
}

table.rounded tr.error td.bl {
    background: #D6C9C9 url('images/form/panels/480x1000/error.gif') no-repeat bottom left;
}

table.rounded tr.error td.br {
    background: #D6C9C9 url('images/form/panels/480x1000/error.gif') no-repeat bottom right;
}

table.rounded tr.fieldnames th {
    margin: 0;
    padding: 2px 6px;
    color: white;
    text-align: left;
    font-size: 11px;
    font-weight: normal;
    border-bottom: 1px solid white;
    text-align: center;
}

table.rounded tr.fieldnames th.tl {
    text-align: left;
}

table.rounded th.big,
table.rounded td.big {
    font-size: 18px;
}

/*------------------------------------------------------------------------*/
/* Form button                                                            */
/*------------------------------------------------------------------------*/


table.form {
    border: 0;
    margin: 0;
}

table.form tr td.blank {
    height: 10px;
    background-color: white;
}

table.form tr td a {
    color: #3A5153;
}

table.form tr td a:hover {
    color: #1D2829;
}


table.form tr td.help {
    width: 24px;
    text-align: center;
}

table.form tr td.help a {
    display: block;
    width: 24px;
    height: 18px;
    background: url('images/form/icons/help.gif') no-repeat 3px 0px;
    text-align: center;
}

table.form tr td.help a:hover {
    background-image: url('images/form/icons/help_roll.gif');
}

table.form tr.alt td.help a {
    background-image: url('images/form/icons/help_alt.gif');
}

table.form tr.alt td.help a:hover {
    background-image: url('images/form/icons/help_alt_roll.gif');
}

table.form tr td.message {
    background-color: #DCE7E8;
    font-size: 11px;
    line-height: 13px;
    padding: 4px;
    color: #403835;
    text-align: center;
}

table.form tr td.info {
    background-color: #EBEED1;
    color: #2B2F12;
    font-size: 11px;
    padding: 2px 20px;
    text-align: center;
    background: #EBEED1 url('images/form/panels/480x1000/info.gif') no-repeat bottom right;
}

table.form tr td.pkginfo {
    background-color: #EBEED1;
    color: #2B2F12;
    font-size: 11px;
    padding: 2px 20px;
    background: #EBEED1 url('images/form/panels/480x1000/info.gif') no-repeat bottom right;
}

table.form tr td.pkginfo .name {
    font-weight: bold;
    font-size: 12px;
}

table.form tr td.pkginfo ul.features {
    margin: 2px 10px 5px 10px;
    padding: 0 0 0 20px;
}

table.form tr td.pkginfo ul.features li {
    font-size: 10px;
    margin: 2px 0;
    padding: 0;
    line-height: 10px;
}

table.form tr td.option {
    background-color: #96B9BC;
    color: #2B2F12;
    font-size: 11px;
    text-align: center;
    min-width: 30px;
}

table.form tr th.option {
    text-align: center;
}

table.form tr td.info .examples {
}

table.form tr td.info .examples .example {
    font-style: italic;
}

table.form tr td.error {
    background-color: #D6C9C9;
    color: #CC0000;
    font-size: 10px;
    text-align: center;
    padding: 2px 30px;
/*    background: #D6C9C9 url('images/form/panels/480x1000/error.gif') no-repeat top right; */
    min-height: 14px;
}

table.form tr td.error a {
    color: #CC0000;
    font-size: 10px;
}

table.form tr td.error a:hover {
    color: #3A5153;
}


table.form tr td input {
    margin: 1px;
}

table.form tr td {
/*    color: #57797C; */
}

table.form tr.mandatory td {
/*    color: #1D2829; */
}

table.form tr.invalid td {
    color: #CC0000;
}

table.form tr td span.static {
    font-weight: bold;
    color: #1D2829;
    font-size: 13px;
}

table.form tr td.button {
    background-color: #FFFFFF;
    text-align: center;
    margin: 0;
    padding: 0;
    border-bottom: 0px;
}

table.form tr td.minibutton {
    background-color: #FFFFFF; 
    text-align: left;
}

table.form tr td.button input.button {
    display: block;
    margin: 0px 10px 5px 0;
    width: 120px;
    height: 24px;
    font-size: 12px;
    padding: 1px 0 3px 0;
    float: right; 
    text-align: center;
    border: 0;
    color: white;
    background: url('images/form/buttons/large/green/blank.gif') no-repeat top left;
    background: url('images/form/panels/120x1000/button.gif') no-repeat bottom right;
    outline: none;
}

table.form tr td.button input.button:focus,
table.form tr td.button input.button:hover {
    background: url('images/form/panels/120x1000/roll.gif') no-repeat bottom right;
    color: black;
    outline: none;
    cursor: pointer;
}

table.form tr td.minibutton input.button {
    display: block;
    margin: 0px 5px;
    width: 52px;
    height: 18px;
    padding: 0;
    text-align: center;
    border: 0;
    color: white;
    background: url('images/form/buttons/small/green/blank.gif') no-repeat top left;
}

table.form tr td.minibutton input.button:hover,
table.form tr td.minibutton input.button:focus {
    color: black;
    outline: none;
    cursor: pointer;
}


table.form tr td.minibutton input.add { 
    background-image: url('images/form/buttons/small/green/add.gif'); 
}
table.form tr td.minibutton input.add:hover,
table.form tr td.minibutton input.add:focus { 
    background-image: url('images/form/buttons/small/green_roll/add.gif'); 
}
table.form tr td.minibutton input.blank { 
    background-image: url('images/form/buttons/small/green/blank.gif'); 
}
table.form tr td.minibutton input.blank:hover,
table.form tr td.minibutton input.blank:focus { 
    background-image: url('images/form/buttons/small/green_roll/blank.gif'); 
}
table.form tr td.minibutton input.change { 
    background-image: url('images/form/buttons/small/green/change.gif'); 
}
table.form tr td.minibutton input.change:hover,
table.form tr td.minibutton input.change:focus { 
    background-image: url('images/form/buttons/small/green_roll/change.gif'); 
}
table.form tr td.minibutton input.changing { 
    background-image: url('images/form/buttons/small/green/changing.gif'); 
}
table.form tr td.minibutton input.changing:hover,
table.form tr td.minibutton input.changing:focus { 
    background-image: url('images/form/buttons/small/green_roll/changing.gif'); 
}
table.form tr td.minibutton input.delete { 
    background-image: url('images/form/buttons/small/green/delete.gif'); 
}
table.form tr td.minibutton input.delete:hover,
table.form tr td.minibutton input.delete:focus { 
    background-image: url('images/form/buttons/small/green_roll/delete.gif'); 
}
table.form tr td.minibutton input.deleting { 
    background-image: url('images/form/buttons/small/green/deleting.gif'); 
}
table.form tr td.minibutton input.deleting:hover,
table.form tr td.minibutton input.deleting:focus { 
    background-image: url('images/form/buttons/small/green_roll/deleting.gif'); 
}
table.form tr td.minibutton input.info { 
    background-image: url('images/form/buttons/small/green/info.gif'); 
}
table.form tr td.minibutton input.info:hover,
table.form tr td.minibutton input.info:focus { 
    background-image: url('images/form/buttons/small/green_roll/info.gif'); 
}
table.form tr td.minibutton input.order { 
    background-image: url('images/form/buttons/small/green/order.gif'); 
}
table.form tr td.minibutton input.order:hover,
table.form tr td.minibutton input.order:focus { 
    background-image: url('images/form/buttons/small/green_roll/order.gif'); 
}
table.form tr td.minibutton input.remove { 
    background-image: url('images/form/buttons/small/green/remove.gif'); 
}
table.form tr td.minibutton input.remove:hover,
table.form tr td.minibutton input.remove:focus { 
    background-image: url('images/form/buttons/small/green_roll/remove.gif'); 
}
table.form tr td.minibutton input.search { 
    background-image: url('images/form/buttons/small/green/search.gif'); 
}
table.form tr td.minibutton input.search:hover,
table.form tr td.minibutton input.search:focus { 
    background-image: url('images/form/buttons/small/green_roll/search.gif'); 
}
table.form tr td.minibutton input.select { 
    background-image: url('images/form/buttons/small/green/select.gif'); 
}
table.form tr td.minibutton input.select:hover,
table.form tr td.minibutton input.select:focus { 
    background-image: url('images/form/buttons/small/green_roll/select.gif'); 
}
table.form tr td.minibutton input.transfer { 
    background-image: url('images/form/buttons/small/green/transfer.gif'); 
}
table.form tr td.minibutton input.transfer:hover,
table.form tr td.minibutton input.transfer:focus { 
    background-image: url('images/form/buttons/small/green_roll/transfer.gif'); 
}
table.form tr td.minibutton input.unselect { 
    background-image: url('images/form/buttons/small/green/unselect.gif'); 
}
table.form tr td.minibutton input.unselect:hover,
table.form tr td.minibutton input.unselect:focus { 
    background-image: url('images/form/buttons/small/green_roll/unselect.gif'); 
}

table.form td.mid {
    text-align: center;
}


/*------------------------------------------------------------------------*/
/* products tables                                                        */
/*------------------------------------------------------------------------*/

table.products {
    width: 480px;
    margin: 5px auto 4px;
    padding: 0;
}

table.products tr th {
    font-weight: normal;
    text-align: left;
}

table.products td {
    border: 1px solid red;
}

table.products td.name {
    font-weight: bold;
    width: 200px;
}

table.products .product {
    text-align: center;
}

table.products td.price,
table.products th.price {
    text-align: right;
}

table.products .right {
    text-align: right;
}

table.products td.duration,
table.products th.duration {
    text-align: center;
    width: 90px;
}

table.products td.duration {
    font-size: 10px;
}

table.products th.action,
table.products td.action {
    text-align: right;
    width: 54px;
}

table.products td.button {
    width: 54px;
}

table.products td.action input.button {
    float: right;
}

table.products td.action input.quantity {
    width: 14px;
    margin-right: 14px;
}

table.products td.action input.checkbox {
    margin-right: 18px;
}

table.products td.action input.button {
    float: right;
}

table.products th.select,
table.products td.select {
    text-align: center;
    width: 20px;
}

table.products select {
    width: 125px;
    margin: 0;
    font-size: 11px;
    padding: 1px 2px;
}



table.products a.button,
form.products input.button {
    display: block;
    float: right;
/*    width: 52px;
    height: 18px; */
    width: 62px;
    height: 22px;
/*    margin: 1px 0 1px 5px; */
    margin: 0 0 0 5px;
    padding: 0;
    border: 0;
    background-repeat: no-repeat;
    background-position: top right;
}

table.products a.button:hover,
form.products input.button:hover {
    border: 0;
}

form.products input.select {
    background-image: url('images/form/buttons/small/dark_back/green2/select.gif');
}

form.products input.select:hover {
    background-image: url('images/form/buttons/small/dark_back/orange/select.gif');
}

table.products a.unselect,
form.products input.unselect {
    background-image: url('images/form/buttons/small/light_back/grey2/unselect.gif');
}

table.products a.unselect:hover,
form.products input.unselect:hover {
    background-image: url('images/form/buttons/small/light_back/orange/unselect.gif');
}

form.products input.transfer {
    background-image: url('images/form/buttons/small/dark_back/green2/transfer.gif');
}

form.products input.transfer:hover {
    background-image: url('images/form/buttons/small/dark_back/orange/transfer.gif');
}

form.products input.delete {
    background-image: url('images/form/buttons/small/dark_back/red/delete.gif');
}

form.products input.delete:hover {
    background-image: url('images/form/buttons/small/dark_back/red_roll/delete.gif');
}

form.products input.change {
    background-image: url('images/form/buttons/small/dark_back/green/change.gif');
}

form.products input.change:hover {
    background-image: url('images/form/buttons/small/dark_back/green_roll/change.gif');
}



form.products th input.select {
    background-image: url('images/form/buttons/small/dark_back/green2/select.gif');
}

form.products th input.select:hover {
    background-color: #57797C;
    background-image: url('images/form/buttons/small/dark_back/orange/select.gif');
}


form.products th input.add {
    background-image: url('images/form/buttons/small/dark_back/green2/add.gif');
}

form.products th input.add:hover {
    background-color: #57797C;
    background-image: url('images/form/buttons/small/dark_back/orange/add.gif');
}
/*------------------------------------------------------------------------*/
/* main page layout elements                                              */
/*------------------------------------------------------------------------*/

body {
    text-align: center;             /* work-around for IE */
    min-width: 770px;
    margin: 0;
    padding: 0;
    font: 13px Verdana, Arial, Helvetica, sans-serif;
    color: #403835;
    background-color: #FFFFFF;
}

#page {
    margin: 0 auto;
    padding: 0;
    width: 770px;
    text-align: left;               /* reset text align set above for IE */
    background-color: #FFFFFF;
}

#header {
    position: relative;
    margin: 0;
    padding: 0;
}

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

div.leftside {
    width: 150px;
    float: left;
}

div.middle {
    float: left;
    width: 450px;
    margin-left: 10px;
    padding: 0;
}

div.midright {
    float: left;
    width: 610px;
    margin-left: 10px;
    padding: 0;
}

div.rightside {
    width: 150px;
    float: right;
    text-align: left;
}

#footer {
    clear: both;
    position: relative;
    margin: 10px 0 20px 0;
    padding: 0 4px;
    height: 24px;
    font-size: 10px;
    line-height: 24px;
    text-align: center;
    color: #403835;
    background: url('images/panels/footer.gif') no-repeat bottom left;
}

#footer a {
    text-decoration: none;
    font-size: 10px;
    padding: 0px 2px;
    color: #403835;
}

#footer a:hover {
    color: #57797C;
}

div.footnote {
    font-size: 10px;
    margin: 0 auto 20px;
}


/*------------------------------------------------------------------------*/
/* header section                                                         */
/*------------------------------------------------------------------------*/

#header {
    position: relative;
    margin: 0;
    padding: 0;
    height: 145px; 
    background: url('images/header/tabs/strip.gif') repeat-x bottom left;
}

#header a.logo {
    position: absolute;
    display: block;
    top: 34px;
    left: -2px;
    width: 306px;
    height: 69px;
    background: url('images/logo/daily_306x69.gif') no-repeat left top;
}

#header a.logo_flash {
    position: absolute;
    display: block;
    top: 32px;
    left: -1px;
    width: 306px;
    height: 69px;
}

#header #headline {
    position: absolute;
    top: 45px;
    left: 180px;
    width: 160px;
    height: 50px;
    background: url('images/logo/great_hosting.gif') no-repeat left top;
}

#header #headline h1 {
    margin: 0px;
    padding: 0;
    font: 20px Verdana, Arial, Helvetica, sans-serif;
    color: #AFBC4A;
}

#header #headline h2 {
    margin: 3px 0 0 0;
    padding: 0;
    font: 18px Verdana, Arial, Helvetica, sans-serif;
    color: #74A2A6;
}

/*------------------------------------------------------------------------*/
/* clock                                                                  */
/*------------------------------------------------------------------------*/

#header #clock {
    position: absolute;
    bottom: 5px;
    right: 0px;
    height: 110px;
    width: 108px;
    background: url('images/header/clock/blank.gif') no-repeat top right;
}

#clock #time {
    position: absolute;
    top: 0px;
    left: 9px;
    width: 90px;
    height: 90px;
}

#clock #day {
    position: absolute;
    bottom: 18px;
    left: 9px;
    width: 90px;
    text-align: center;
    color: #AFBC4A;
    font: 10px Arial, Helvetica, Verdana, sans-serif;
}

#clock #date {
    position: absolute;
    bottom: 6px;
    left: 9px;
    width: 90px;
    text-align: center;
    color: #AFBC4A;
    font: 10px Arial, Helvetica, Verdana, sans-serif;
}

#clock #date .ordinal {
/*    font-size: 10px;
    position: relative;
    bottom: 3px; */
}

/*------------------------------------------------------------------------*/
/* login buttons                                                          */
/*------------------------------------------------------------------------*/

#logins {
    position: relative;
    top: 5px;
    left: 548px;
    width: 160px;
}

#logins a.button {
    display: block;
    width: 102px;
    height: 15px;
    padding-top:6px;
    background: url('images/buttons/login_blank.gif') no-repeat left top;
}

#logins a.button:hover {
    background: url('images/buttons/login_roll.gif') no-repeat left top;
}

#logins a.customerlogin {
    background: url('images/buttons/but_customerlogin.gif') no-repeat left top;
}

#logins a.customerlogin:hover {
    background: url('images/buttons/but_customerlogin01.gif') no-repeat left top;
}
#logins a.weblogin {
    background: url('images/buttons/but_weblogin.gif') no-repeat left top;
}

#logins a.weblogin:hover {
    background: url('images/buttons/but_weblogin01.gif') no-repeat left top;
}
#logins a.signup {
    background: url('images/buttons/but_signup.gif') no-repeat left top;
}

#logins a.signup:hover {
    background: url('images/buttons/but_signup01.gif') no-repeat left top;
}


#logins a.signup {
    height: 34px;
}


/*------------------------------------------------------------------------*/
/* tabs                                                                   */
/*------------------------------------------------------------------------*/

#tabs {
    display: block;
    position: absolute;
    bottom: 3px;
    left: 0px;
    width: 662px;
    height: 24px;
    padding: 0;
    margin: 0;
}

#tabs  li {
    display: inline;
    float: left;
    height: 22px;
    width: 100px;
    margin-left: 2px;
    padding: 0;
    list-style: none;
    background: url('images/header/tabs/large_cold.gif') no-repeat top left;
    text-align: center;
}

#tabs li:hover {
    color: white;
    background-image: url('images/header/tabs/large_roll.gif');
}

#tabs li.home {
    width: 48px;
    margin-left: 0;
    background-image: url('images/header/tabs/small_cold.gif');
}

#tabs li.home:hover {
    background-image: url('images/header/tabs/small_roll.gif');
}

#tabs li.warm {
    background-image: url('images/header/tabs/large_warm.gif');
    height: 23px;
}

#tabs li.warm_home {
    width: 48px;
    margin-left: 0;
    background-image: url('images/header/tabs/small_warm.gif');
    height: 23px;
}

#tabs li a {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 11px;
    line-height: 22px;
    text-decoration: none;
    color: white;
}

#tabs li.warm a,
#tabs li.warm_home a {
    color: #fff;
}

#tabs li a:hover,
#tabs li:hover a {
    color: white;
}

#tabs li.warm a:hover,
#tabs li.warm:hover a,
#tabs li.warm_home a:hover,
#tabs li.warm_home:hover a {
    color: white;
}

#tabs a:visited {
    color: white;
}

/*------------------------------------------------------------------------*/
/* breadcrumb trail                                                       */
/*------------------------------------------------------------------------*/

#trail {
    display: block;
    height: 24px;
    font-size: 10px;
    font-weight: bold;
    line-height: 24px;
    background: url('images/header/trail/hosted_uk.gif') no-repeat bottom right;
    color: #BFB7B5;
    border-bottom: 1px dotted #9F9390;
}

#trail a {
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
    padding: 2px 3px 0px 12px;
    color: #5391A6;
    background: url('images/header/trail/arrow_right.gif') no-repeat bottom left;
}

#trail a:hover {
    color: #ff9226;
    background: url('images/header/trail/arrow_right_roll.gif') no-repeat bottom left;
}

#trail a.first {
    padding-left: 0;
    background-image: none;
}
  


/*------------------------------------------------------------------------*/
/* user links: login/logout                                               */
/*------------------------------------------------------------------------*/

#userlinks {
    position: absolute;
    bottom: 4px;
    right: 10px;
    width: 120px;
    height: 20px;
    text-align: right;
    color: #403835;
}

#userlinks a {
    font-size: 12px;
    color: #DFDBDA;
    text-decoration: none;
}

#userlinks a:hover {
    color: black;
}


/*------------------------------------------------------------------------*/
/* domain search form                                                     */
/*------------------------------------------------------------------------*/

#search {
    position: relative;
    margin: 0;
    padding: 0;
    height: 34px; 
    background: url('images/header/search/bar2.jpg') no-repeat bottom left;
}

#search h1 {
    float: left;
    height: 32px;
    margin: 7px 0 0 10px;
    padding: 0;
    font: bold 13px bold Verdana, Arial, Helvetica, sans-serif;
    color: white;
    line-height: 20px;
    width: 220px;
    font: Verdana, Arial, Helvetica, sans-serif;
}

#search form {
    float: left;
    padding: 4px 0 0 0;
}

#search form input, 
#search form select {
    font-size: 12px;
    margin: 1px 0 0 3px;
    padding: 2px 4px;
    color: #403835;    
    background-color: #EDF2F3;
    border: 1px solid #57797C;
}

#search form label {
    color: white;
}

#search form input {
    width: 150px;
}
    
#search form select {
    width: 100px;
    padding: 1px 4px;
}

#search form select option {
    margin: 2px;
    padding: 0;
}

#search form input.button {
    margin: 1px 0 0 0;
    padding: 0;
    width: 72px;
    height: 22px;
    border: 0px;
    font-size: 11px;
    font-weight: bold;
    line-height: 28px;
    background: transparent url('images/header/search/search_button.gif') no-repeat bottom left;
}

#search form input.button:hover {
    background-image: url('images/header/search/search_button_roll.gif');
}

#search form input.button {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    line-height: 24px;
    color: #1D2829;
}

#search form input.button:hover {
    color: white;
}

#search .link {
    display: block;
    float: right;
    margin: 4px 10px 0 0;
    width: 110px;
    height: 24px;
/*    color: #1D2829; */
    color: white;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    line-height: 24px;
    text-align: right;
    text-decoration: none;
}

#search .link:hover {
    color: white;
}

/*------------------------------------------------------------------------*/
/* console                                                                */
/*------------------------------------------------------------------------*/

#console {
    position: relative;
    padding: 0px 195px 0 160px;
    height: 125px;
    background: url('images/header/panels/blank.gif') no-repeat top left;
}

#console .title {
    padding: 25px 0 0 0;
    margin: 0;
    color: #1D2829;
    font: bold 20px Verdana, Arial, Helvetica, sans-serif;
}

#console .message {
    margin-top: 4px;
    color: #3A5153;
    font-size: 14px;
}

#console #caption {
    position: absolute;
    top: 95px;
    left: 35px;
    width: 90px;
    height: 15px;
    padding: 0;
    color: #1D2829;
    text-align: center;
    font-size: 10px;
}

#console.advert {
    position: relative;
    height: 151px;
    margin-top: 1px;
    background: url('images/header/panels/splash_home2.jpg') no-repeat top left;
}

#console.advert a.more_info {
    display: block;
    position: absolute;
    top: 112px;
    left: 341px;
    height: 30px;
    width: 100px;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    line-height: 15px;
    colour: #57797C;
    text-decoration: none;
}

#console.advert .flash_splash {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 120px;
    height: 151px;
}

#console.error .title {
    color: #CC0000;
}

#console.error .message {
    color: #CC0000;
}

#console #icon {
    position: absolute;
    top: 25px;
    left: 50px;
    width: 60px;
    height: 50px;
}

#console.success #icon {
    background: url('images/header/icons/tick.gif') no-repeat top left;
}

#console.error #icon {
    background: url('images/header/icons/alert.gif') no-repeat top left;
}

#console.help #icon {
    background: url('images/header/icons/help.gif') no-repeat top left;
}

#console.searching #icon {
    background: url('images/header/icons/clock_spin.gif') no-repeat 5px -5px;
    height: 60px;
}

/*------------------------------------------------------------------------*/
/* searching progress panel                                               */
/*------------------------------------------------------------------------*/

#console.searching #progress {
    position: absolute;
    top: 95px;
    left: 30px;
    width: 100px;
    height: 15px;
    background: url('images/header/progress/blank.gif') no-repeat left top;
}

#console.searching #progress #meter {
    height: 15px;
    width: 100px;
    background: url('images/header/progress/green.gif') no-repeat left top;
}

#console.searching #progress #percent {
    position: absolute;
    left: 5px;
    top: 2px;
    height: 15px;
    width: 90px;
    color: #1D2829;
    text-align: center;
    font-size: 10px;
    padding: 0;
}

#console.searching #advert {
    position: absolute;
    left: 605px;
    top: 15px;
    width: 135px;
    height: 95px;
    background: url('images/header/panels/daily_drive.gif') no-repeat left top;
}




.icon {
    display: block;
    min-height: 40px;
    margin: 0px;
    padding: 20px 0 0 50px;
    color: #3A5153;
    background: url('images/icons/45x60/white/blue/default.png') no-repeat left -1px;
}

div.icon {
    display: block;
    min-height: 40px;
    margin: 0px;
    padding: 10px 0 0 45px;
    color: #3A5153;
    background: url('images/icons/45x60/white/blue/default.png') no-repeat left -5px;
}

div.icon .title {
    margin: 0px;
}

a.icon {
    text-decoration: none;
}

a.icon:hover {
    background-image: url('images/icons/45x60/white/blue_roll/default.png');
    color: #1D2829;
}

.mini .icon {
    display: block;
    min-height: 24px;
    margin: 0;
    padding: 8px 0 0 30px;
    background: url('images/icons/24x33/white/blue/default.png') no-repeat top left;
}

* html .icon {          /* IE doesn't support min-height, but has the same effect with height */
    height: 40px;
}

* html .mini .icon {    
    height: 32px;
}


.account_img,
div.account_img { 
    background-image: url('images/icons/45x60/white/blue/account.png');  
}
a.account_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/account.png'); 
}
.mini .account_img { 
    background-image: url('images/icons/24x33/white/blue/account.png');  
}
.mini .account_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/account.png'); 
}

.addons_img,
div.addons_img { 
    background-image: url('images/icons/45x60/white/blue/addons.png');  
}
a.addons_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/addons.png'); 
}
.mini .addons_img { 
    background-image: url('images/icons/24x33/white/blue/addons.png');  
}
.mini .addons_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/addons.png'); 
}

.alarm_img,
div.alarm_img { 
    background-image: url('images/icons/45x60/white/blue/alarm.png');  
}
a.alarm_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/alarm.png'); 
}
.mini .alarm_img { 
    background-image: url('images/icons/24x33/white/blue/alarm.png');  
}
.mini .alarm_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/alarm.png'); 
}

.avas_img,
div.avas_img { 
    background-image: url('images/icons/45x60/white/blue/avas.png');  
}
a.avas_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/avas.png'); 
}
.mini .avas_img { 
    background-image: url('images/icons/24x33/white/blue/avas.png');  
}
.mini .avas_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/avas.png'); 
}

.basket_img,
div.basket_img { 
    background-image: url('images/icons/45x60/white/blue/basket.png');  
}
a.basket_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/basket.png'); 
}
.mini .basket_img { 
    background-image: url('images/icons/24x33/white/blue/basket.png');  
}
.mini .basket_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/basket.png'); 
}

.cancel_img,
div.cancel_img { 
    background-image: url('images/icons/45x60/white/blue/cancel.png');  
}
a.cancel_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/cancel.png'); 
}
.mini .cancel_img { 
    background-image: url('images/icons/24x33/white/blue/cancel.png');  
}
.mini .cancel_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/cancel.png'); 
}

.cards_img,
div.cards_img { 
    background-image: url('images/icons/45x60/white/blue/cards.png');  
}
a.cards_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/cards.png'); 
}
.mini .cards_img { 
    background-image: url('images/icons/24x33/white/blue/cards.png');  
}
.mini .cards_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/cards.png'); 
}

.cogs_img,
div.cogs_img { 
    background-image: url('images/icons/45x60/white/blue/cogs.png');  
}
a.cogs_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/cogs.png'); 
}
.mini .cogs_img { 
    background-image: url('images/icons/24x33/white/blue/cogs.png');  
}
.mini .cogs_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/cogs.png'); 
}

.contacts_img,
div.contacts_img { 
    background-image: url('images/icons/45x60/white/blue/contacts.png');  
}
a.contacts_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/contacts.png'); 
}
.mini .contacts_img { 
    background-image: url('images/icons/24x33/white/blue/contacts.png');  
}
.mini .contacts_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/contacts.png'); 
}

.default_img,
div.default_img { 
    background-image: url('images/icons/45x60/white/blue/default.png');  
}
a.default_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/default.png'); 
}
.mini .default_img { 
    background-image: url('images/icons/24x33/white/blue/default.png');  
}
.mini .default_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/default.png'); 
}

.dns_img,
div.dns_img { 
    background-image: url('images/icons/45x60/white/blue/dns.png');  
}
a.dns_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/dns.png'); 
}
.mini .dns_img { 
    background-image: url('images/icons/24x33/white/blue/dns.png');  
}
.mini .dns_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/dns.png'); 
}

.domain_img,
div.domain_img { 
    background-image: url('images/icons/45x60/white/blue/domain.png');  
}
a.domain_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/domain.png'); 
}
.mini .domain_img { 
    background-image: url('images/icons/24x33/white/blue/domain.png');  
}
.mini .domain_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/domain.png'); 
}

.dotsdown_img,
div.dotsdown_img { 
    background-image: url('images/icons/45x60/white/blue/dotsdown.png');  
}
a.dotsdown_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/dotsdown.png'); 
}
.mini .dotsdown_img { 
    background-image: url('images/icons/24x33/white/blue/dotsdown.png');  
}
.mini .dotsdown_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/dotsdown.png'); 
}

.drive_img,
div.drive_img { 
    background-image: url('images/icons/45x60/white/blue/drive.png');  
}
a.drive_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/drive.png'); 
}
.mini .drive_img { 
    background-image: url('images/icons/24x33/white/blue/drive.png');  
}
.mini .drive_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/drive.png'); 
}

.email_img,
div.email_img { 
    background-image: url('images/icons/45x60/white/blue/email.png');  
}
a.email_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/email.png'); 
}
.mini .email_img { 
    background-image: url('images/icons/24x33/white/blue/email.png');  
}
.mini .email_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/email.png'); 
}

.faq_img,
div.faq_img { 
    background-image: url('images/icons/45x60/white/blue/faq.png');  
}
a.faq_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/faq.png'); 
}
.mini .faq_img { 
    background-image: url('images/icons/24x33/white/blue/faq.png');  
}
.mini .faq_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/faq.png'); 
}

.feedback_img,
div.feedback_img { 
    background-image: url('images/icons/45x60/white/blue/feedback.png');  
}
a.feedback_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/feedback.png'); 
}
.mini .feedback_img { 
    background-image: url('images/icons/24x33/white/blue/feedback.png');  
}
.mini .feedback_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/feedback.png'); 
}

.form_tick_img,
div.form_tick_img { 
    background-image: url('images/icons/45x60/white/blue/form_tick.png');  
}
a.form_tick_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/form_tick.png'); 
}
.mini .form_tick_img { 
    background-image: url('images/icons/24x33/white/blue/form_tick.png');  
}
.mini .form_tick_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/form_tick.png'); 
}

.guide_img,
div.guide_img { 
    background-image: url('images/icons/45x60/white/blue/guide.png');  
}
a.guide_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/guide.png'); 
}
.mini .guide_img { 
    background-image: url('images/icons/24x33/white/blue/guide.png');  
}
.mini .guide_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/guide.png'); 
}

.hosting_img,
div.hosting_img { 
    background-image: url('images/icons/45x60/white/blue/hosting.png');  
}
a.hosting_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/hosting.png'); 
}
.mini .hosting_img { 
    background-image: url('images/icons/24x33/white/blue/hosting.png');  
}
.mini .hosting_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/hosting.png'); 
}

.hosting_addon_img,
div.hosting_addon_img { 
    background-image: url('images/icons/45x60/white/blue/hosting_addon.png');  
}
a.hosting_addon_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/hosting_addon.png'); 
}
.mini .hosting_addon_img { 
    background-image: url('images/icons/24x33/white/blue/hosting_addon.png');  
}
.mini .hosting_addon_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/hosting_addon.png'); 
}

.invoices_img,
div.invoices_img { 
    background-image: url('images/icons/45x60/white/blue/invoices.png');  
}
a.invoices_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/invoices.png'); 
}
.mini .invoices_img { 
    background-image: url('images/icons/24x33/white/blue/invoices.png');  
}
.mini .invoices_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/invoices.png'); 
}

.key_img,
div.key_img { 
    background-image: url('images/icons/45x60/white/blue/key.png');  
}
a.key_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/key.png'); 
}
.mini .key_img { 
    background-image: url('images/icons/24x33/white/blue/key.png');  
}
.mini .key_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/key.png'); 
}

.library_img,
div.library_img { 
    background-image: url('images/icons/45x60/white/blue/library.png');  
}
a.library_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/library.png'); 
}
.mini .library_img { 
    background-image: url('images/icons/24x33/white/blue/library.png');  
}
.mini .library_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/library.png'); 
}

.mail_forward_img,
div.mail_forward_img { 
    background-image: url('images/icons/45x60/white/blue/mail_forward.png');  
}
a.mail_forward_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/mail_forward.png'); 
}
.mini .mail_forward_img { 
    background-image: url('images/icons/24x33/white/blue/mail_forward.png');  
}
.mini .mail_forward_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/mail_forward.png'); 
}

.mail_list_img,
div.mail_list_img { 
    background-image: url('images/icons/45x60/white/blue/mail_list.png');  
}
a.mail_list_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/mail_list.png'); 
}
.mini .mail_list_img { 
    background-image: url('images/icons/24x33/white/blue/mail_list.png');  
}
.mini .mail_list_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/mail_list.png'); 
}

.mail_prefs_img,
div.mail_prefs_img { 
    background-image: url('images/icons/45x60/white/blue/mail_prefs.png');  
}
a.mail_prefs_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/mail_prefs.png'); 
}
.mini .mail_prefs_img { 
    background-image: url('images/icons/24x33/white/blue/mail_prefs.png');  
}
.mini .mail_prefs_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/mail_prefs.png'); 
}

.mail_respond_img,
div.mail_respond_img { 
    background-image: url('images/icons/45x60/white/blue/mail_respond.png');  
}
a.mail_respond_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/mail_respond.png'); 
}
.mini .mail_respond_img { 
    background-image: url('images/icons/24x33/white/blue/mail_respond.png');  
}
.mini .mail_respond_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/mail_respond.png'); 
}

.mail_sublogin_img,
div.mail_sublogin_img { 
    background-image: url('images/icons/45x60/white/blue/mail_sublogin.png');  
}
a.mail_sublogin_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/mail_sublogin.png'); 
}
.mini .mail_sublogin_img { 
    background-image: url('images/icons/24x33/white/blue/mail_sublogin.png');  
}
.mini .mail_sublogin_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/mail_sublogin.png'); 
}

.mailbox_img,
div.mailbox_img { 
    background-image: url('images/icons/45x60/white/blue/mailbox.png');  
}
a.mailbox_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/mailbox.png'); 
}
.mini .mailbox_img { 
    background-image: url('images/icons/24x33/white/blue/mailbox.png');  
}
.mini .mailbox_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/mailbox.png'); 
}

.manage_files_img,
div.manage_files_img { 
    background-image: url('images/icons/45x60/white/blue/manage_files.png');  
}
a.manage_files_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/manage_files.png'); 
}
.mini .manage_files_img { 
    background-image: url('images/icons/24x33/white/blue/manage_files.png');  
}
.mini .manage_files_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/manage_files.png'); 
}

.nameservers_img,
div.nameservers_img { 
    background-image: url('images/icons/45x60/white/blue/nameservers.png');  
}
a.nameservers_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/nameservers.png'); 
}
.mini .nameservers_img { 
    background-image: url('images/icons/24x33/white/blue/nameservers.png');  
}
.mini .nameservers_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/nameservers.png'); 
}

.package_manage_img,
div.package_manage_img { 
    background-image: url('images/icons/45x60/white/blue/package_manage.png');  
}
a.package_manage_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/package_manage.png'); 
}
.mini .package_manage_img { 
    background-image: url('images/icons/24x33/white/blue/package_manage.png');  
}
.mini .package_manage_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/package_manage.png'); 
}

.padlock_img,
div.padlock_img { 
    background-image: url('images/icons/45x60/white/blue/padlock.png');  
}
a.padlock_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/padlock.png'); 
}
.mini .padlock_img { 
    background-image: url('images/icons/24x33/white/blue/padlock.png');  
}
.mini .padlock_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/padlock.png'); 
}

.renew_img,
div.renew_img { 
    background-image: url('images/icons/45x60/white/blue/renew.png');  
}
a.renew_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/renew.png'); 
}
.mini .renew_img { 
    background-image: url('images/icons/24x33/white/blue/renew.png');  
}
.mini .renew_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/renew.png'); 
}

.reseller_img,
div.reseller_img { 
    background-image: url('images/icons/45x60/white/blue/reseller.png');  
}
a.reseller_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/reseller.png'); 
}
.mini .reseller_img { 
    background-image: url('images/icons/24x33/white/blue/reseller.png');  
}
.mini .reseller_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/reseller.png'); 
}

.site_builder_img,
div.site_builder_img { 
    background-image: url('images/icons/45x60/white/blue/site_builder.png');  
}
a.site_builder_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/site_builder.png'); 
}
.mini .site_builder_img { 
    background-image: url('images/icons/24x33/white/blue/site_builder.png');  
}
.mini .site_builder_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/site_builder.png'); 
}

.status_img,
div.status_img { 
    background-image: url('images/icons/45x60/white/blue/status.png');  
}
a.status_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/status.png'); 
}
.mini .status_img { 
    background-image: url('images/icons/24x33/white/blue/status.png');  
}
.mini .status_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/status.png'); 
}

.tag_img,
div.tag_img { 
    background-image: url('images/icons/45x60/white/blue/tag.png');  
}
a.tag_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/tag.png'); 
}
.mini .tag_img { 
    background-image: url('images/icons/24x33/white/blue/tag.png');  
}
.mini .tag_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/tag.png'); 
}

.themes_img,
div.themes_img { 
    background-image: url('images/icons/45x60/white/blue/themes.png');  
}
a.themes_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/themes.png'); 
}
.mini .themes_img { 
    background-image: url('images/icons/24x33/white/blue/themes.png');  
}
.mini .themes_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/themes.png'); 
}

.ticket_add_img,
div.ticket_add_img { 
    background-image: url('images/icons/45x60/white/blue/ticket_add.png');  
}
a.ticket_add_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/ticket_add.png'); 
}
.mini .ticket_add_img { 
    background-image: url('images/icons/24x33/white/blue/ticket_add.png');  
}
.mini .ticket_add_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/ticket_add.png'); 
}

.tickets_img,
div.tickets_img { 
    background-image: url('images/icons/45x60/white/blue/tickets.png');  
}
a.tickets_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/tickets.png'); 
}
.mini .tickets_img { 
    background-image: url('images/icons/24x33/white/blue/tickets.png');  
}
.mini .tickets_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/tickets.png'); 
}

.tickets_closed_img,
div.tickets_closed_img { 
    background-image: url('images/icons/45x60/white/blue/tickets_closed.png');  
}
a.tickets_closed_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/tickets_closed.png'); 
}
.mini .tickets_closed_img { 
    background-image: url('images/icons/24x33/white/blue/tickets_closed.png');  
}
.mini .tickets_closed_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/tickets_closed.png'); 
}

.transfer_bulk_img,
div.transfer_bulk_img { 
    background-image: url('images/icons/45x60/white/blue/transfer_bulk.png');  
}
a.transfer_bulk_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/transfer_bulk.png'); 
}
.mini .transfer_bulk_img { 
    background-image: url('images/icons/24x33/white/blue/transfer_bulk.png');  
}
.mini .transfer_bulk_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/transfer_bulk.png'); 
}

.transfer_in_img,
div.transfer_in_img { 
    background-image: url('images/icons/45x60/white/blue/transfer_in.png');  
}
a.transfer_in_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/transfer_in.png'); 
}
.mini .transfer_in_img { 
    background-image: url('images/icons/24x33/white/blue/transfer_in.png');  
}
.mini .transfer_in_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/transfer_in.png'); 
}

.transfer_user_img,
div.transfer_user_img { 
    background-image: url('images/icons/45x60/white/blue/transfer_user.png');  
}
a.transfer_user_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/transfer_user.png'); 
}
.mini .transfer_user_img { 
    background-image: url('images/icons/24x33/white/blue/transfer_user.png');  
}
.mini .transfer_user_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/transfer_user.png'); 
}

.up_downgrade_img,
div.up_downgrade_img { 
    background-image: url('images/icons/45x60/white/blue/up_downgrade.png');  
}
a.up_downgrade_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/up_downgrade.png'); 
}
.mini .up_downgrade_img { 
    background-image: url('images/icons/24x33/white/blue/up_downgrade.png');  
}
.mini .up_downgrade_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/up_downgrade.png'); 
}

.watcher_img,
div.watcher_img { 
    background-image: url('images/icons/45x60/white/blue/watcher.png');  
}
a.watcher_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/watcher.png'); 
}
.mini .watcher_img { 
    background-image: url('images/icons/24x33/white/blue/watcher.png');  
}
.mini .watcher_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/watcher.png'); 
}

.web_forward_img,
div.web_forward_img { 
    background-image: url('images/icons/45x60/white/blue/web_forward.png');  
}
a.web_forward_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/web_forward.png'); 
}
.mini .web_forward_img { 
    background-image: url('images/icons/24x33/white/blue/web_forward.png');  
}
.mini .web_forward_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/web_forward.png'); 
}

.web_sublogin_img,
div.web_sublogin_img { 
    background-image: url('images/icons/45x60/white/blue/web_sublogin.png');  
}
a.web_sublogin_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/web_sublogin.png'); 
}
.mini .web_sublogin_img { 
    background-image: url('images/icons/24x33/white/blue/web_sublogin.png');  
}
.mini .web_sublogin_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/web_sublogin.png'); 
}

.webmail_img,
div.webmail_img { 
    background-image: url('images/icons/45x60/white/blue/webmail.png');  
}
a.webmail_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/webmail.png'); 
}
.mini .webmail_img { 
    background-image: url('images/icons/24x33/white/blue/webmail.png');  
}
.mini .webmail_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/webmail.png'); 
}

.whois_optout_img,
div.whois_optout_img { 
    background-image: url('images/icons/45x60/white/blue/whois_optout.png');  
}
a.whois_optout_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/whois_optout.png'); 
}
.mini .whois_optout_img { 
    background-image: url('images/icons/24x33/white/blue/whois_optout.png');  
}
.mini .whois_optout_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/whois_optout.png'); 
}

.whois_privacy_img,
div.whois_privacy_img { 
    background-image: url('images/icons/45x60/white/blue/whois_privacy.png');  
}
a.whois_privacy_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/whois_privacy.png'); 
}
.mini .whois_privacy_img { 
    background-image: url('images/icons/24x33/white/blue/whois_privacy.png');  
}
.mini .whois_privacy_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/whois_privacy.png'); 
}

.wizard_img,
div.wizard_img { 
    background-image: url('images/icons/45x60/white/blue/wizard.png');  
}
a.wizard_img:hover { 
    background-image: url('images/icons/45x60/white/blue_roll/wizard.png'); 
}
.mini .wizard_img { 
    background-image: url('images/icons/24x33/white/blue/wizard.png');  
}
.mini .wizard_img:hover { 
    background-image: url('images/icons/24x33/white/blue_roll/wizard.png'); 
}

    


/*------------------------------------------------------------------------*/
/* styles for graduated banners                                           */
/*------------------------------------------------------------------------*/



div.banner {
    width: 592px;
    height: 60px;
    margin: 10px 0 0 10px;
    padding: 0;
    background: url('images/banners/grad592x60.gif') no-repeat top left;
}

div.banner .title {
    font-weight: normal;
    font-size: 14px;
}

div.banner .icon,
div.box .icon {
    display: block;
    min-height: 40px;
    margin: 0 0 0 10px;
    padding: 20px 0 0 50px;
    color: #3A5153;
    background: url('images/icons/45x60/blue_grad/blue/default.png') no-repeat top left;
}

* html div.banner .icon,    /* fix for IE which uses height instead of min-height */
* html div.box .icon {
    height: 40px;
}

div.banner a.icon,
div.box a.icon {
    text-decoration: none;
}

div.banner a.icon:hover,
div.box a.icon:hover {
    background-image: url('images/icons/45x60/blue_grad/blue_roll/default.png');
    color: #1D2829;
}

div.banner .account_img,
div.box .account_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/account.png'); 
}
div.banner a.account_img:hover,
div.box a.account_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/account.png');  
}
div.banner .addons_img,
div.box .addons_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/addons.png'); 
}
div.banner a.addons_img:hover,
div.box a.addons_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/addons.png');  
}
div.banner .alarm_img,
div.box .alarm_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/alarm.png'); 
}
div.banner a.alarm_img:hover,
div.box a.alarm_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/alarm.png');  
}
div.banner .avas_img,
div.box .avas_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/avas.png'); 
}
div.banner a.avas_img:hover,
div.box a.avas_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/avas.png');  
}
div.banner .basket_img,
div.box .basket_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/basket.png'); 
}
div.banner a.basket_img:hover,
div.box a.basket_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/basket.png');  
}
div.banner .cancel_img,
div.box .cancel_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/cancel.png'); 
}
div.banner a.cancel_img:hover,
div.box a.cancel_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/cancel.png');  
}
div.banner .cards_img,
div.box .cards_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/cards.png'); 
}
div.banner a.cards_img:hover,
div.box a.cards_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/cards.png');  
}
div.banner .cogs_img,
div.box .cogs_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/cogs.png'); 
}
div.banner a.cogs_img:hover,
div.box a.cogs_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/cogs.png');  
}
div.banner .contacts_img,
div.box .contacts_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/contacts.png'); 
}
div.banner a.contacts_img:hover,
div.box a.contacts_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/contacts.png');  
}
div.banner .default_img,
div.box .default_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/default.png'); 
}
div.banner a.default_img:hover,
div.box a.default_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/default.png');  
}
div.banner .dns_img,
div.box .dns_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/dns.png'); 
}
div.banner a.dns_img:hover,
div.box a.dns_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/dns.png');  
}
div.banner .domains_img,
div.box .domains_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/domains.png'); 
}
div.banner a.domains_img:hover,
div.box a.domains_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/domains.png');  
}
div.banner .drive_img,
div.box .drive_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/drive.png'); 
}
div.banner a.drive_img:hover,
div.box a.drive_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/drive.png');  
}
div.banner .email_img,
div.box .email_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/email.png'); 
}
div.banner a.email_img:hover,
div.box a.email_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/email.png');  
}
div.banner .faq_img,
div.box .faq_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/faq.png'); 
}
div.banner a.faq_img:hover,
div.box a.faq_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/faq.png');  
}
div.banner .feedback_img,
div.box .feedback_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/feedback.png'); 
}
div.banner a.feedback_img:hover,
div.box a.feedback_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/feedback.png');  
}
div.banner .form_tick_img,
div.box .form_tick_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/form_tick.png'); 
}
div.banner a.form_tick_img:hover,
div.box a.form_tick_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/form_tick.png');  
}
div.banner .guide_img,
div.box .guide_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/guide.png'); 
}
div.banner a.guide_img:hover,
div.box a.guide_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/guide.png');  
}
div.banner .hosting_img,
div.box .hosting_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/hosting.png'); 
}
div.banner a.hosting_img:hover,
div.box a.hosting_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/hosting.png');  
}
div.banner .hosting_addon_img,
div.box .hosting_addon_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/hosting_addon.png'); 
}
div.banner a.hosting_addon_img:hover,
div.box a.hosting_addon_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/hosting_addon.png');  
}
div.banner .invoices_img,
div.box .invoices_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/invoices.png'); 
}
div.banner a.invoices_img:hover,
div.box a.invoices_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/invoices.png');  
}
div.banner .key_img,
div.box .key_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/key.png'); 
}
div.banner a.key_img:hover,
div.box a.key_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/key.png');  
}
div.banner .library_img,
div.box .library_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/library.png'); 
}
div.banner a.library_img:hover,
div.box a.library_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/library.png');  
}
div.banner .mail_forward_img,
div.box .mail_forward_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/mail_forward.png'); 
}
div.banner a.mail_forward_img:hover,
div.box a.mail_forward_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/mail_forward.png');  
}
div.banner .mail_list_img,
div.box .mail_list_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/mail_list.png'); 
}
div.banner a.mail_list_img:hover,
div.box a.mail_list_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/mail_list.png');  
}
div.banner .mail_prefs_img,
div.box .mail_prefs_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/mail_prefs.png'); 
}
div.banner a.mail_prefs_img:hover,
div.box a.mail_prefs_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/mail_prefs.png');  
}
div.banner .mail_respond_img,
div.box .mail_respond_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/mail_respond.png'); 
}
div.banner a.mail_respond_img:hover,
div.box a.mail_respond_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/mail_respond.png');  
}
div.banner .mail_sublogin_img,
div.box .mail_sublogin_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/mail_sublogin.png'); 
}
div.banner a.mail_sublogin_img:hover,
div.box a.mail_sublogin_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/mail_sublogin.png');  
}
div.banner .mailbox_img,
div.box .mailbox_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/mailbox.png'); 
}
div.banner a.mailbox_img:hover,
div.box a.mailbox_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/mailbox.png');  
}
div.banner .manage_files_img,
div.box .manage_files_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/manage_files.png'); 
}
div.banner a.manage_files_img:hover,
div.box a.manage_files_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/manage_files.png');  
}
div.banner .nameservers_img,
div.box .nameservers_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/nameservers.png'); 
}
div.banner a.nameservers_img:hover,
div.box a.nameservers_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/nameservers.png');  
}
div.banner .package_manage_img,
div.box .package_manage_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/package_manage.png'); 
}
div.banner a.package_manage_img:hover,
div.box a.package_manage_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/package_manage.png');  
}
div.banner .padlock_img,
div.box .padlock_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/padlock.png'); 
}
div.banner a.padlock_img:hover,
div.box a.padlock_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/padlock.png');  
}
div.banner .renew_img,
div.box .renew_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/renew.png'); 
}
div.banner a.renew_img:hover,
div.box a.renew_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/renew.png');  
}
div.banner .reseller_img,
div.box .reseller_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/reseller.png'); 
}
div.banner a.reseller_img:hover,
div.box a.reseller_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/reseller.png');  
}
div.banner .reseller_sub_img,
div.box .reseller_sub_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/reseller_sub.png'); 
}
div.banner a.reseller_sub_img:hover,
div.box a.reseller_sub_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/reseller_sub.png');  
}
div.banner .site_builder_img,
div.box .site_builder_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/site_builder.png'); 
}
div.banner a.site_builder_img:hover,
div.box a.site_builder_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/site_builder.png');  
}
div.banner .status_img,
div.box .status_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/status.png'); 
}
div.banner a.status_img:hover,
div.box a.status_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/status.png');  
}
div.banner .support_img,
div.box .support_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/support.png'); 
}
div.banner a.support_img:hover,
div.box a.support_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/support.png');  
}
div.banner .tag_img,
div.box .tag_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/tag.png'); 
}
div.banner a.tag_img:hover,
div.box a.tag_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/tag.png');  
}
div.banner .themes_img,
div.box .themes_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/themes.png'); 
}
div.banner a.themes_img:hover,
div.box a.themes_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/themes.png');  
}
div.banner .ticket_add_img,
div.box .ticket_add_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/ticket_add.png'); 
}
div.banner a.ticket_add_img:hover,
div.box a.ticket_add_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/ticket_add.png');  
}
div.banner .tickets_img,
div.box .tickets_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/tickets.png'); 
}
div.banner a.tickets_img:hover,
div.box a.tickets_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/tickets.png');  
}
div.banner .tickets_closed_img,
div.box .tickets_closed_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/tickets_closed.png'); 
}
div.banner a.tickets_closed_img:hover,
div.box a.tickets_closed_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/tickets_closed.png');  
}
div.banner .transfer_bulk_img,
div.box .transfer_bulk_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/transfer_bulk.png'); 
}
div.banner a.transfer_bulk_img:hover,
div.box a.transfer_bulk_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/transfer_bulk.png');  
}
div.banner .transfer_in_img,
div.box .transfer_in_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/transfer_in.png'); 
}
div.banner a.transfer_in_img:hover,
div.box a.transfer_in_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/transfer_in.png');  
}
div.banner .transfer_user_img,
div.box .transfer_user_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/transfer_user.png'); 
}
div.banner a.transfer_user_img:hover,
div.box a.transfer_user_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/transfer_user.png');  
}
div.banner .up_downgrade_img,
div.box .up_downgrade_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/up_downgrade.png'); 
}
div.banner a.up_downgrade_img:hover,
div.box a.up_downgrade_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/up_downgrade.png');  
}
div.banner .watcher_img,
div.box .watcher_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/watcher.png'); 
}
div.banner a.watcher_img:hover,
div.box a.watcher_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/watcher.png');  
}
div.banner .web_forward_img,
div.box .web_forward_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/web_forward.png'); 
}
div.banner a.web_forward_img:hover,
div.box a.web_forward_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/web_forward.png');  
}
div.banner .web_sublogin_img,
div.box .web_sublogin_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/web_sublogin.png'); 
}
div.banner a.web_sublogin_img:hover,
div.box a.web_sublogin_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/web_sublogin.png');  
}
div.banner .webmail_img,
div.box .webmail_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/webmail.png'); 
}
div.banner a.webmail_img:hover,
div.box a.webmail_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/webmail.png');  
}
div.banner .whois_optout_img,
div.box .whois_optout_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/whois_optout.png'); 
}
div.banner a.whois_optout_img:hover,
div.box a.whois_optout_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/whois_optout.png');  
}
div.banner .whois_privacy_img,
div.box .whois_privacy_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/whois_privacy.png'); 
}
div.banner a.whois_privacy_img:hover,
div.box a.whois_privacy_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/whois_privacy.png');  
}
div.banner .wizard_img,
div.box .wizard_img { 
    background-image: url('images/icons/45x60/blue_grad/blue/wizard.png'); 
}
div.banner a.wizard_img:hover,
div.box a.wizard_img:hover { 
    background-image: url('images/icons/45x60/blue_grad/blue_roll/wizard.png');  
}


div.box {
    clear: right;
    position: relative;
    width: 500px;
    margin: 10px 0 0 0;
    padding: 0;
    background: url('images/banners/grad500x1200.png') no-repeat top left;
}

div.box .icon {
    position: absolute;
    top: 0px;
    left: 10px;
    width: 45px;
    height: 59px;    /* cut off the bottom line */
    padding: 0;
    margin: 0;
}

div.box .title {
    margin: 0;
    padding: 10px 0 0 60px;
    font-size: 16px;
/*    font-weight: bold; */
    color: #3A5153;
}

div.box .about,
div.box .stress {
    margin: 5px 10px 10px 0;
    padding: 0 0 0 60px;
    font-size: 11px;
    color: #3A5153;
}

div.box .stress {
    margin: 0;
    padding: 0 15px;
    color: #CC0000;
}

div.box ul.stress {
    margin: 0;
    padding: 1px 0 0 65px;
    padding: 0 15px 0 30px;
    font-size: 10px;
}

div.box ul.stress li {
    margin: 0;
    padding: 0;
    font-size: 10px;
}

div.box div.head {
    position: relative;
    min-height: 60px;
    margin: 0;
    padding: 0;
    color: #3A5153;
    background: url('images/banners/grad500x1200.png') no-repeat top left;
}

* html div.box div.head {
    height: 60px;   /* IE blows goats */
}

div.box div.foot {
    clear: both;
    position: relative;
    height: 5px;
    margin: 0;
    padding: 0;
    background: url('images/banners/grad500x1200.png') no-repeat bottom left;
}

div.box div.inset {
    padding: 5px 20px;
}

/*------------------------------------------------------------------------*/
/* styles for myDaily control panel                                       */
/*------------------------------------------------------------------------*/


#mydaily {
    margin-top: 10px;
}

#mydaily #section {
    float: right;
}

#mydaily #content {
}

#mydaily #content p.info {
    margin: 0 20px 10px 20px;
}

#mydaily #pageinfo {
    float: left;
    width: 450px;
    margin: 0 0 0 10px;
    height: 40px;
}

#mydaily #pageinfo .title {
    margin: 0;
    padding: 6px 0;
    font: bold 20px Verdana, Arial, Helvetica, sans-serif;
    color: #57797C;
}

#mydaily #pageinfo .subtitle {
    margin: 0;
    padding: 0;
    font: bold 16px Verdana, Arial, Helvetica, sans-serif;
    color: #605450;
}

#mydaily #pageinfo .info {
    margin: 0;
    padding: 0 8px;
    font-size: 11px;
    color: #80706B;
}


#mydaily h1,
#mydaily h2,
#mydaily h3,
#mydaily h4 {
    color: #57797C;
}

#mydaily h4 {
    margin: 10px 0 5px 0;
    color: #57797C;
}
 
/*------------------------------------------------------------------------*/
/* myDaily menu                                                           */
/*------------------------------------------------------------------------*/

#mydaily #menu {
    margin: 0;
    padding: 0;
    color: #575E25;
    font-size: 11px;
}

#mydaily #menu ul {
    margin: 0;
    padding: 0;
}

#mydaily #menu ul li {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
    background-color: #AFBC4A;
    border-bottom: 1px solid #FFFFFF; 
    border-bottom: 1px solid #DFDBDA; 
    min-height: 24px;
/*    background: #80706B url('images/panels/menu_mid.gif') no-repeat top left; */
}

#mydaily #menu ul li.first {
    background: #AFBC4A url('images/mydaily/panels/menu.gif') no-repeat top left;
/*    background: #80706B url('images/panels/menu_head.gif') no-repeat top left; */
}

#mydaily #menu ul li.last {
    background: #AFBC4A url('images/mydaily/panels/menu.gif') no-repeat bottom left;
/*    background: #80706B url('images/panels/menu_foot.gif') no-repeat bottom left; */
}

#mydaily #menu ul ul li,
#mydaily #menu ul ul li.first,
#mydaily #menu ul ul li.last {
    background-image: none;
}

* html #mydaily #menu ul li {
    height: 24px;
}

#mydaily #menu ul li.warm {
}


#mydaily #menu ul li.sub {
    background-color: #FFFFFF;
}

#mydaily #menu ul li a {
    padding: 0 8px;
    font-size: 12px;
    line-height: 22px;
    text-decoration: none;
    color: white;
}

#mydaily #menu ul li.warm a {
/*    color: #403835;  */
}

#mydaily #menu ul li a:hover {
    color: black;
}

#mydaily #menu ul.sub {
    background-color: #FFFFFF;
}

#mydaily #menu ul li.sub li {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;  /* IE goes weird without a border - it sucks! */
    border-bottom: 1px solid #AFBC4A;
}

#mydaily #menu ul li.sub li.last {
    border-bottom: 0px;
}

#mydaily #menu ul li.sub li a {
    color: #80706B;
}

#mydaily #menu ul li.sub a.warm {
    color: #403835;
}

#mydaily #menu ul li.sub a:hover {
    color: black;
}

#mydaily #menu ul li.sub ul ul {
    margin-left: 10px;
}

/*------------------------------------------------------------------------*/
/* myDaily page banner                                                    */
/*------------------------------------------------------------------------*/

#mydaily .banner {
    width: 610px;
    margin: 0 0 10px 0px;
    background: url('images/banners/grad610x60.gif') no-repeat top left;
}

#mydaily .halfsize {
    width: 300px;
    float: left;
    background: url('images/banners/grad290x60.gif') no-repeat top left;
}

#mydaily .fadeout {
    background: url('images/banners/grad610x60_fade_out.gif') no-repeat top left;
}

#mydaily .thinstrip {
}

/*------------------------------------------------------------------------*/
/* myDaily mini-boxes                                                     */
/*------------------------------------------------------------------------*/

#mydaily .minibox {
    float: left;
    width: 130px;
    height: 100px;
    margin: 0 10px 20px 10px;
    padding: 0;
    font-size: 14px;
    text-align: center;
    background: url('images/mydaily/panels/grad130x100.gif') no-repeat top left;
}

#mydaily .minibox a.icon {
    display: block;
    min-height: 25px;
    width: 130px;
    margin: 0;
    padding: 75px 0 0 0;
    background-repeat: no-repeat;
    background-position: 30px 5px;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
}

#mydaily .minibox a.icon:hover {
    background-image: none;
    color: #1D2829;
}

* html #mydaily .minibox a.icon {    /* IE sucks */
    height: 25px;
}



#mydaily .minibox a.account { 
    background-image: url('images/mydaily/icons/section/account.gif'); 
}
#mydaily .minibox a.account:hover { 
    background-image: url('images/mydaily/icons/section_roll/account.gif');  
}
#mydaily .minibox a.basket { 
    background-image: url('images/mydaily/icons/section/basket.gif'); 
}
#mydaily .minibox a.basket:hover { 
    background-image: url('images/mydaily/icons/section_roll/basket.gif');  
}
#mydaily .minibox a.book { 
    background-image: url('images/mydaily/icons/section/book.png'); 
}
#mydaily .minibox a.book:hover { 
    background-image: url('images/mydaily/icons/section_roll/book.png');  
}
#mydaily .minibox a.domains { 
    background-image: url('images/mydaily/icons/section/domains.gif'); 
}
#mydaily .minibox a.domains:hover { 
    background-image: url('images/mydaily/icons/section_roll/domains.gif');  
}
#mydaily .minibox a.drive { 
    background-image: url('images/mydaily/icons/section/drive.gif'); 
}
#mydaily .minibox a.drive:hover { 
    background-image: url('images/mydaily/icons/section_roll/drive.gif');  
}
#mydaily .minibox a.email { 
    background-image: url('images/mydaily/icons/section/email.gif'); 
}
#mydaily .minibox a.email:hover { 
    background-image: url('images/mydaily/icons/section_roll/email.gif');  
}
#mydaily .minibox a.emarketing { 
    background-image: url('images/mydaily/icons/section/emarketing.png'); 
}
#mydaily .minibox a.emarketing:hover { 
    background-image: url('images/mydaily/icons/section_roll/emarketing.png');  
}
#mydaily .minibox a.hosting { 
    background-image: url('images/mydaily/icons/section/hosting.gif'); 
}
#mydaily .minibox a.hosting:hover { 
    background-image: url('images/mydaily/icons/section_roll/hosting.gif');  
}
#mydaily .minibox a.invoices { 
    background-image: url('images/mydaily/icons/section/invoices.gif'); 
}
#mydaily .minibox a.invoices:hover { 
    background-image: url('images/mydaily/icons/section_roll/invoices.gif');  
}
#mydaily .minibox a.onlinead { 
    background-image: url('images/mydaily/icons/section/onlinead.png'); 
}
#mydaily .minibox a.onlinead:hover { 
    background-image: url('images/mydaily/icons/section_roll/onlinead.png');  
}
#mydaily .minibox a.phone { 
    background-image: url('images/mydaily/icons/section/phone.png'); 
}
#mydaily .minibox a.phone:hover { 
    background-image: url('images/mydaily/icons/section_roll/phone.png');  
}
#mydaily .minibox a.photos { 
    background-image: url('images/mydaily/icons/section/photos.png'); 
}
#mydaily .minibox a.photos:hover { 
    background-image: url('images/mydaily/icons/section_roll/photos.png');  
}
#mydaily .minibox a.print { 
    background-image: url('images/mydaily/icons/section/print.png'); 
}
#mydaily .minibox a.print:hover { 
    background-image: url('images/mydaily/icons/section_roll/print.png');  
}
#mydaily .minibox a.renew { 
    background-image: url('images/mydaily/icons/section/renew.gif'); 
}
#mydaily .minibox a.renew:hover { 
    background-image: url('images/mydaily/icons/section_roll/renew.gif');  
}
#mydaily .minibox a.reseller { 
    background-image: url('images/mydaily/icons/section/reseller.gif'); 
}
#mydaily .minibox a.reseller:hover { 
    background-image: url('images/mydaily/icons/section_roll/reseller.gif');  
}
#mydaily .minibox a.rss { 
    background-image: url('images/mydaily/icons/section/rss.png'); 
}
#mydaily .minibox a.rss:hover { 
    background-image: url('images/mydaily/icons/section_roll/rss.png');  
}
#mydaily .minibox a.site_builder { 
    background-image: url('images/mydaily/icons/section/site_builder.gif'); 
}
#mydaily .minibox a.site_builder:hover { 
    background-image: url('images/mydaily/icons/section_roll/site_builder.gif');  
}
#mydaily .minibox a.support { 
    background-image: url('images/mydaily/icons/section/support.gif'); 
}
#mydaily .minibox a.support:hover { 
    background-image: url('images/mydaily/icons/section_roll/support.gif');  
}
#mydaily .minibox a.webmail { 
    background-image: url('images/mydaily/icons/section/webmail.gif'); 
}
#mydaily .minibox a.webmail:hover { 
    background-image: url('images/mydaily/icons/section_roll/webmail.gif');  
}

#mydaily #section {
    width: 150px;
    background: url('images/mydaily/panels/grad150x60.gif') no-repeat top left;
}

#mydaily #section a.icon {
    display: block;
    min-height: 40px;
    margin: 0 0 0 10px;
    padding: 18px 5px 0 50px;
    color: #3A5153;
    font-size: 12px;
}

#mydaily p {
    margin: 10px 20px;
}

/*------------------------------------------------------------------------*/
/* myDaily forms and results tables                                       */
/*------------------------------------------------------------------------*/

#mydaily table.rounded {
    width: 480px;
    margin: 15px;
}

#mydaily table.form {
    margin: 15px;
}

#mydaily table.wide {
    margin: 15px;
    width: 580px;
}

#mydaily table.form tr th.top {
    background: #57797C url('images/panels/form580.gif') no-repeat top right;
}

#mydaily table.form td.key {
/*    width: 35%; */
}

#mydaily table.details {
    margin: 0 15px 5px 15px;
    width: 580px;
}

#mydaily table.details td.name a {
    font-size: 13px;
    text-decoration: none;
}

#mydaily table.details td.action {
    width: 40px;
    margin: 0;
    padding: 0;
}

#mydaily table.details td.action a {
    display: block;
    width: 40px;
    height: 2px;
    margin: 2px 0 0 0;
    padding: 15px 0;
    font-size: 10px;
    text-align: center;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 11px 0;
}

* html #mydaily table.details td.action a {
}

#mydaily table.details td.action a.edit {
    background-image: url('images/mydaily/controls/update.gif');
}

#mydaily table.details td.action a.edit:hover {
    background-image: url('images/mydaily/controls/update_roll.gif');
}

#mydaily table.details td.action a.delete {
    background-image: url('images/mydaily/controls/delete.gif');
}

#mydaily table.details td.action a.delete:hover {
    background-image: url('images/mydaily/controls/delete_roll.gif');
}

#mydaily table.password tr td.key {
    width: 40%;
}

#mydaily .person {
    font-weight: bold;
    color: #3A5153;
}

#search.username h1 {
    width: 320px;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #3A5153;
    line-height: 24px;
}

#search.username .name {
    color: white;
}