/*------------------------------------------------------------------------
 * Powerpanel.co.uk blue colour scheme
 *
 * This stylesheet is generated automagically from the master powerpanel
 * skin template.
 *
 * Designed and implemented by Andy Wardley   http://wardley.org/
 *------------------------------------------------------------------------
 */
/*------------------------------------------------------------------------*/
/* basic text styles                                                      */
/*------------------------------------------------------------------------*/

body {
  font-size: 14px;
  font-family: verdana, arial, helvetica, sans-serif;
}

a {
    color: #7DA1B3;
    text-decoration: none;
}

a:visited {
    color: #7DA1B3;
}

a:hover {
    color: #7080CC;
}

a.right {
    display: block;
    margin: 0 0;
    margin-left: 20px;
    padding-left: 14px;
    padding-bottom: 10px;
    background: url('/images/skin/powerpanel/blue/bullets/right.gif') no-repeat 0 3px;
}

/*a.right:hover {
    background-image: url('/images/skin/powerpanel/blue/bullets/right_roll.gif');
}*/

h1, h2, h3, h4, h5 {
    color: #232C59;
    margin: 0 0 5px 0;
}

h2, h3 {
    margin-top: 10px;
}

h1.title {
    font-size: 20px;
    margin: 0 0 10px 0;
    padding: 0;
}

p {
    margin: 5px 20px 5px 10px;
    font-size: 12px;
    color: #404040;
    padding: 0 30px 10px 10px;
}

p.intro {
    margin: 5px 20px 5px 10px;
    font-size: 13px;
    font-weight: bold;
    padding: 0 30px 10px 10px;
}

div.pager {
    padding: 20px 35px 20px 10px;
}

div.pager div.left {
    float: left;
    width: 250px;
    height: 20px;
}

div.pager div.right {
    float: right;
    width: 250px;
    height: 20px;
    text-align: right;
}

a.prev, a.first {
  padding: 0px 14px;
  line-height: 18px;
  background: url('/images/skin/powerpanel/blue/bullets/left.gif') no-repeat center left;
}

a.prev:hover {
  background-image: url('/images/skin/powerpanel/blue/bullets/left_roll.gif');
}

a.first {
  background-image: url('/images/skin/powerpanel/blue/bullets/first.gif');
}

a.first:hover {
  background-image: url('/images/skin/powerpanel/blue/bullets/first_roll.gif');
}

a.next, a.last {
  padding: 0px 14px;
  line-height: 18px;
  background: url('/images/skin/powerpanel/blue/bullets/right.gif') no-repeat center right;
}

a.next:hover {
  background-image: url('/images/skin/powerpanel/blue/bullets/right_roll.gif');
}

a.last {
  background-image: url('/images/skin/powerpanel/blue/bullets/last.gif');
}

a.last:hover {
  background-image: url('/images/skin/powerpanel/blue/bullets/last_roll.gif');
}

.summary {
    font-size: 12px;
    color: #404040;
    padding: 0 10px;
}

.hidden,
.hidetext {
    display: none;
}

.bold {
    font-weight: bold;
}
.big {
    font-size: 14px;
}

div.success, div.error {
    padding: 0 80px;
    min-height: 60px;
    margin: 10px 20px;
    background: url('/images/skin/powerpanel/blue/alerts/tick.gif') no-repeat top left;
}

div.error {
    background-image: url('/images/skin/powerpanel/blue/alerts/alert.gif');
    color: #CC0000;
}

.debug {
    background: #F8F8F8 url('/images/skin/powerpanel/blue/alerts/debug.gif') no-repeat 0 3px;
    border: 1px dashed #A3ACD9;
    padding: 10px 10px 10px 100px;
    min-height: 66px;
    font-size: 14px;
    color: #354286;
    margin-right: 30px;
    -moz-border-radius: 10px;
}

* html div.success, * html div.error {
    height: 60px;   /* IE doesn't support min-height, but height does the same thing */
}

div.error h3 {
    color: #CC0000;
}

a:focus {
    -moz-outline: none;
}

.username,
.domain {
    font-weight: bold;
}

body {
  background-color: white;
  background-image: none;
}

#page {
    width: 800px; 
    margin: 0px auto;  
    padding: 0px;
}

#page.minimal {
    width: 400px; 
    margin: 40px auto;  
    padding: 40px 0;
    text-align: center;
}

#page.static {
    width: 600px;
    padding: 0 40px;
}

#header {
    position: relative;
    height: 110px;

}

#header #logo {
    float: right;
}

#header #logo.pp {
    width: 300px;
    height: 100px;
    background: #FFFFFF url('/images/skin/powerpanel/blue/ui/logo.gif') no-repeat top right;
}

#header #logo.pp:hover {
    background-image: url('/images/skin/powerpanel/blue/ui/logoroll.gif');
}

div.leftside {
    width: 200px;
    float: left;
    margin-top: -140px;
    margin-left: -220px; 
    background: #FFFFFF url('/images/skin/powerpanel/blue/ui/menu_panel.gif') no-repeat top left;
    padding: 0px;
    padding: 0;

}

* html div.leftside {
    float: none; /* Fix for IE6 to position menu bar in the right place */
}

div.leftside div.foot {
    height: 15px;
    background: #FFFFFF url('/images/skin/powerpanel/blue/ui/menu_panel.gif') no-repeat bottom left;
}

#body {
   position: relative;
   margin: 0;
   padding: 140px 0 0 220px;
   background: url('/images/skin/powerpanel/blue/ui/body_mid.gif') repeat-y top right;

}

#body #head {
   position: absolute;
   top: 0;
   right: 0;
   margin: 0;
   padding: 0;
   height: 140px;
   width: 600px;
   background: url('/images/skin/powerpanel/blue/ui/body_head.gif') no-repeat top right;

}

#body #head #message {
   position: absolute;
   top: 43px;
   right: 24px;
   height: 14px;
   width: 300px;
   margin: 0;
   padding: 0;
   text-align: right;
   font-size: 10px;
   color: #354286;

}

#body #head #message.error {
  background-image: none;
  color: red;
}

#body #head #userinfo {
   position: absolute;
   top: 68px;
   right: 24px;
   height: 14px;
   width: 400px;
   margin: 0;
   padding: 0;
   text-align: right;
   font-size: 11px;
   color: #5D7886;

}

#body #head #tabs {
   position: absolute;
   top: 95px;
   right: 30px;
   height: 25px;
   width: 550px;
   margin: 0;
   padding: 0;
   text-align: right;

}

#body #head #tabs ul {
    float: right;
    margin: 0;
    padding: 0;
}

#body #head #tabs ul li {
    display: block;
    float: left;
    height: 25px;
    width: 120px;
    list-style: none;
    margin-left: 10px;
}

#body #tabs ul li a {
    display: block;
    width: 120px;
    height: 20px;
    padding: 5px 0 0 0;
    text-align: center;
    color: #3E5059;
    font-size: 12px;
    background: url('/images/skin/powerpanel/blue/ui/tab_cold.gif') no-repeat top left;
}

#body #tabs ul li a:hover {
    color: #232C59;
    background-image: url('/images/skin/powerpanel/blue/ui/tab_roll.gif');
}

#body #tabs ul li a.warm {
    color: #3E5059;
    background-image: url('/images/skin/powerpanel/blue/ui/tab_warm.gif');
}

#body #head .title {
  margin-top: 48px;
  padding-left: 10px;
  font-size: 16px;
  width: 240px;
}

#body #head #domain_select {
    margin: 5px 10px 10px 0;
    float: right;
    width: 310px;
    height: 30px;
    text-align: right;
    display: block;
}

#footer {
    margin: 0;
    height: 30px; 
    padding: 18px 0 0 180px;
    font-size: 11px;
    color: #808080;
    text-align: center;
    background: url('/images/skin/powerpanel/blue/ui/body_foot.gif') no-repeat top right;
}


#menu .title {
    margin: 20px 0 16px 44px;
    font-size: 18px;
    color: #A3ACD9;
    display: block;
    height: 20px;
}

#menu a.title:hover {
    color: #11162C;
}

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

#menu ul li {
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
}

#menu ul li.last {
    margin-bottom: 5px;
}

#menu ul li a {
    display: block;
    width: 160px;
    height: 30px;
    color: #BED0D9;
    padding-left: 10px;
    padding-top: 5px;
    background: url('/images/skin/powerpanel/blue/ui/menu_cold.gif') no-repeat top left;
}

#menu ul li a:hover {
  color: #384066;
  background-image: url('/images/skin/powerpanel/blue/ui/menu_roll.gif');
}

#menu ul li.warm a {
  color: #3E5059;
  background-image: url('/images/skin/powerpanel/blue/ui/menu_warm.gif');
}

#menu ul li.sub a {
    padding-left: 28px;
    background-position: 14px 3px;
}

#menu a.logout {
    color: #A3ACD9;
    margin: 0 0 0 40px;
    padding: 0 0 0 16px;
    background: url('/images/skin/powerpanel/blue/ui/logout_arrow.gif') no-repeat 0 4px;
}

/*#menu a.logout:hover {
    color: #11162C;
    background-image: url('/images/skin/powerpanel/blue/ui/logout_arrow_roll.gif');
}*/
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: #3E5059;
    text-align: right;
}

form input, form select, form textarea {
    font-size: 12px;
    margin: 1px;
    padding: 1px 3px;
    color: #1F282C;    
    background-color: #E8E9F5;
    border: 1px solid #5D7886;
}

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

form .optional input,
form .optional select {
    color: #1F282C;    
    background-color: #ECEEF8;
    border: 1px solid #7DA1B3;
}

form .mandatory input,
form .mandatory select {
    background-color: #E8E9F5;
    border: 1px solid #5D7886;
}

form .optional label {
    color: #7DA1B3;
}

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

form input.text {
}

form .field input:focus,
form .field select:focus,
form textarea:focus {
    background-color: #DEE7EC;
    border: 1px solid #1C2033;
}

form input.button {
    padding: 1px 3px;
    color: #DEE7EC;
    background-color: #5D7886;
    border: 1px solid #5D7886; 
}
   
/*form input.button:hover,*/
form input.button:focus {
    color: black;
    background-color: #9DB8C6;
    border: 1px solid #3E5059;
}

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

form.login span.mandatory {
    display: none;
}

form.password, table.password {
    width: 400px;
}

#domain_select label {
    color: #A3ACD9;
    font-size: 14px;
    width: 60px;
    padding: 0 5px 0 10px;
    margin: 6px 0 0 0;
    text-align: right;
    
}

#domain_select select {
    width: 150px;
    padding: 2px 4px;
    margin: 0 5px 0 0;
    font-size: 12px;
    background-color: ;
    border: 1px solid #232C59;
    
/*    font-family: arial, helvetica, verdana, sans-serif; */
}

#domain_select input.button {
    padding: 2px 10px;
    margin: 3px 10px 0 0;
    font-size: 14px;
    width: 60px;
    height: 22px;
    background: #354286 url('/images/skin/powerpanel/blue/ui/button.gif') no-repeat 0px 2px;
    border: 0;
}

#domain_select input.button:hover,
#domain_select input.button:focus {
    background-image: url('/images/skin/powerpanel/blue/ui/button_roll.gif');
}

/*------------------------------------------------------------------------*/
/* table styling                                                          */
/*------------------------------------------------------------------------*/

table.rounded {
    border: 0;
    margin: 5px 0 10px 0;
}

table.right {
    float: right;
}

* html table.right {
    float: none; /* Fix for IE6 to position menu bar in the right place */
}

table.wide,
table.autoresponder {
    width: 550px;
}

table.rounded tr th,
table.rounded tr td {
    margin: 0;
    padding: 4px;
    border-bottom: 1px solid white;
    min-height: 20px;
}

table.rounded tr th {
    background-color: #354286;
    color: #D1D5EC;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    min-height: 30px;
}

table.rounded tr td {
    font-size: 12px;
    line-height: 18px;
    color: #1F282C;
}

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

table.rounded .mid {
    text-align: center;
}

table.rounded tr .b,
table.rounded tr .bl,
table.rounded tr .br {
    border-bottom: 0;
}

table.rounded tr th.tl {
    background: #354286 url('/images/skin/powerpanel/blue/form/panels/550x800/head.gif') no-repeat top left;
}

table.rounded tr th.tr {
    background: #354286 url('/images/skin/powerpanel/blue/form/panels/550x800/head.gif') no-repeat top right;
}

table.rounded tr th.bl {
    background: #354286 url('/images/skin/powerpanel/blue/form/panels/550x800/head.gif') no-repeat bottom left;
}

table.rounded tr th.br {
    background: #354286 url('/images/skin/powerpanel/blue/form/panels/550x800/head.gif') no-repeat bottom right;
}


table.rounded tr td {
    background-color: #D1D5EC;
}
table.rounded tr td.tl {
    background: #D1D5EC url('/images/skin/powerpanel/blue/form/panels/550x800/value.gif') no-repeat top left;
}
table.rounded tr td.tr {
    background: #D1D5EC url('/images/skin/powerpanel/blue/form/panels/550x800/value.gif') no-repeat top right;
}
table.rounded tr td.bl {
    background: #D1D5EC url('/images/skin/powerpanel/blue/form/panels/550x800/value.gif') no-repeat bottom left;
}
table.rounded tr td.br {
    background: #D1D5EC url('/images/skin/powerpanel/blue/form/panels/550x800/value.gif') no-repeat bottom right;
}

table.rounded tr.alt td {
    background-color: #EEF2F5;
}
table.rounded tr.alt td.tl {
    background: #EEF2F5 url('/images/skin/powerpanel/blue/form/panels/550x800/alt.gif') no-repeat top left;
}
table.rounded tr.alt td.tr {
    background: #EEF2F5 url('/images/skin/powerpanel/blue/form/panels/550x800/alt.gif') no-repeat top right;
}
table.rounded tr.alt td.bl {
    background: #EEF2F5 url('/images/skin/powerpanel/blue/form/panels/550x800/alt.gif') no-repeat bottom left;
}
table.rounded tr.alt td.br {
    background: #EEF2F5 url('/images/skin/powerpanel/blue/form/panels/550x800/alt.gif') no-repeat bottom right;
}

table.rounded tr.error td {
    background-color: #DBDFF2;
}
table.rounded tr.error td.tl {
    background: #DBDFF2 url('/images/skin/powerpanel/blue/form/panels/550x800/error.gif') no-repeat top left;
}
table.rounded tr.error td.tr {
    background: #DBDFF2 url('/images/skin/powerpanel/blue/form/panels/550x800/error.gif') no-repeat top right;
}
table.rounded tr.error td.bl {
    background: #DBDFF2 url('/images/skin/powerpanel/blue/form/panels/550x800/error.gif') no-repeat bottom left;
}
table.rounded tr.error td.br {
    background: #DBDFF2 url('/images/skin/powerpanel/blue/form/panels/550x800/error.gif') no-repeat bottom right;
}

table.rounded tr td.key {
    background-color: #A3ACD9;
}
table.rounded tr td.tlk {
    background: #A3ACD9 url('/images/skin/powerpanel/blue/form/panels/550x800/key.gif') no-repeat top left;
}
table.rounded tr td.trk {
    background: #A3ACD9 url('/images/skin/powerpanel/blue/form/panels/550x800/key.gif') no-repeat top right;
}
table.rounded tr td.blk {
    background: #A3ACD9 url('/images/skin/powerpanel/blue/form/panels/550x800/key.gif') no-repeat bottom left;
}
table.rounded tr td.brk {
    background: #A3ACD9 url('/images/skin/powerpanel/blue/form/panels/550x800/key.gif') no-repeat bottom right;
}

table.rounded tr td.blank {
    background-color: #FFFFFF;
    background-image: none;
}

table.rounded tr td.button {
    background-color: #FFFFFF;
    text-align: center;
    margin: 0;
    padding: 0;
    background-image: none;
}

table.rounded tr td.button input.button {
    display: block;
    margin: 0px 10px 5px 0;
    width: 150px;
    height: 26px;
    font-size: 12px;
    padding: 1px 0 3px 0;
    float: right; 
    text-align: center;
    border: 0;
    color: white;
    background: url('/images/skin/powerpanel/blue/form/panels/150x800/button.gif') no-repeat bottom right;
}

/*table.rounded tr td.button input.button:hover,*/
table.rounded tr td.button input.button:focus {
    color: black;
    background: url('/images/skin/powerpanel/blue/form/panels/150x800/roll.gif') no-repeat bottom right;
    outline: none;
    -moz-outline: none;
    outline: none;
    cursor: pointer;
}

table.rounded td a {
    color: #7080CC;
}

table.rounded td a:hover {
    color: #354286;
}

table.rounded tr .small {
    font-size: 11px;
    line-height: 13px;
}

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/skin/powerpanel/blue/form/icons/help.gif') no-repeat 3px 0px;
    text-align: center;
}

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

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

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

table.form tr td.info {
    background-color: #D1D5EC;
    color: #11162C;
    font-size: 11px;
    padding: 2px 20px;
    text-align: center;
    background: #D1D5EC url('/images/skin/powerpanel/blue/form/panels/550x800/info.gif') no-repeat bottom right;
    
}

table.form tr td.error {
    color: #11162C;
    font-size: 11px;
    padding: 2px 20px;
    text-align: center;
    background: #D1D5EC url('/images/skin/powerpanel/blue/form/panels/550x800/error.gif') no-repeat bottom right;
}

table.form a.button {
    padding: 2px 6px;
    color: #DEE7EC;
    background-color: #5D7886;
    border: 1px solid #5D7886; 
}
   
table.form a.button:hover,
table.form a.button:focus {
    color: black;
    background-color: #9DB8C6;
    border: 1px solid #3E5059;
}

table.form tr td .lozenge {
    display: block;
    margin: 0px;
    width: 100px;
    height: 20px;
    font-size: 11px;
    text-align: center;
    border: 0;
    color: white;
    background: url('/images/skin/powerpanel/blue/form/buttons/lozenge100.gif') no-repeat top left;
}

table.form tr td .lozenge:hover,
table.form tr td .lozenge:focus {
    background-image: url('/images/skin/powerpanel/blue/form/buttons/lozenge100roll.gif');
    outline: none;
    -moz-outline: none;
    cursor: pointer;
}

table.form td.key span.mandatory {
    font-size: 10px;
    color: #546099;
}


/*------------------------------------------------------------------------*/
/* Don't need this...                                                     */
/*------------------------------------------------------------------------*/

table.lozenge {
/*    border: 1px dashed green; */
}

table.lozenge td.key {
    padding: 0 10px 0 10px;
    font-size: 12px;
    color: #11162C;
    height: 30px;
    background: url('/images/skin/powerpanel/blue/ui/lozenge_key.gif') no-repeat top left;
    border-right: 1px solid #DEE7EC;
}

table.lozenge td.mid {
    padding: 0 0 0 5px;
    height: 30px;
    background-color: ;
}

table.lozenge td.value {
    padding: 0 7px 0 5px;
    height: 30px;
    font-size: 12px;
    color: #232C59;
    background: url('/images/skin/powerpanel/blue/ui/lozenge_value.gif') no-repeat top right;
}

table.lozenge td.value input.button {
    padding: 0 10px;
    margin: 0;
    font-size: 14px;
    width: 60px;
    height: 20px;
    background:  url('/images/skin/powerpanel/blue/ui/button.gif') no-repeat top right;
    border: 0;
}

table.lozenge td.value input.button:hover,
table.lozenge td.value input.button:focus {
    background-image: url('/images/skin/powerpanel/blue/ui/button_roll.gif');
}

table.domain_select {
    width: 300px;
}

div.palette {
    float: left;
    margin: 15px 5px 10px 5px;
    width: 130px;
    height: 410px;
}

div.swatch {
    clear: right;
    float: right;
    margin: 10px 10px 0 0;
    width: 100px;
    height: 30px;
    padding: 5px;
}

div.swatch div.info {
    font-size: 11px;
}

div.col1_darkest { 
    background-color: #11162C;
    color: white;
}
div.col1_darker { 
    background-color: #232C59;
    color: white;
}
div.col1_dark { 
    background-color: #354286;
    color: white;
}
div.col1_mid { 
    background-color: #4759B3;
    color: black;
}
div.col1_light { 
    background-color: #7582C6;
    color: black;
}
div.col1_lighter { 
    background-color: #A3ACD9;
    color: black;
}
div.col1_lightest { 
    background-color: #D1D5EC;
    color: black;
}
div.col1_pale { 
    background-color: #E8E9F5;
    color: black;
}
div.col2_darkest { 
    background-color: #1F282C;
    color: white;
}
div.col2_darker { 
    background-color: #3E5059;
    color: white;
}
div.col2_dark { 
    background-color: #5D7886;
    color: white;
}
div.col2_mid { 
    background-color: #7DA1B3;
    color: black;
}
div.col2_light { 
    background-color: #9DB8C6;
    color: black;
}
div.col2_lighter { 
    background-color: #BED0D9;
    color: black;
}
div.col2_lightest { 
    background-color: #DEE7EC;
    color: black;
}
div.col2_pale { 
    background-color: #EEF2F5;
    color: black;
}
div.col3_darkest { 
    background-color: #1C2033;
    color: white;
}
div.col3_darker { 
    background-color: #384066;
    color: white;
}
div.col3_dark { 
    background-color: #546099;
    color: white;
}
div.col3_mid { 
    background-color: #7080CC;
    color: black;
}
div.col3_light { 
    background-color: #939FD8;
    color: black;
}
div.col3_lighter { 
    background-color: #B7BFE5;
    color: black;
}
div.col3_lightest { 
    background-color: #DBDFF2;
    color: black;
}
div.col3_pale { 
    background-color: #ECEEF8;
    color: black;
}
div.grey_darkest { 
    background-color: #202020;
    color: white;
}
div.grey_darker { 
    background-color: #404040;
    color: white;
}
div.grey_dark { 
    background-color: #606060;
    color: white;
}
div.grey_mid { 
    background-color: #808080;
    color: black;
}
div.grey_light { 
    background-color: #9F9F9F;
    color: black;
}
div.grey_lighter { 
    background-color: #BFBFBF;
    color: black;
}
div.grey_lightest { 
    background-color: #DFDFDF;
    color: black;
}
div.grey_pale { 
    background-color: #EEEEEE;
    color: black;
}