/* I2P Theme: Light */
/* Description: Light blue highlights. */
/* Author: dr|z3d */

body {
     margin: 10px 0px -10px 10px;
     text-align: center;
     background: #ffe url('images/snowcamo.png');
     color: #000;
     font: 10pt/130% "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
     background: #99f url('images/magic.png') center bottom;
}

.hide {
     display: none;
}

img {
     border: none;
}

pre {
     width: 98%;
     overflow: auto;
     text-align: left;
     font: 8pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
     color: #333;
     margin: 10px;
}

div.logo {
     float: left;
     padding: 10px;
     text-align: center;
     font-color: #fff;
     margin: 0 10px;
     border: 1px solid #447;
     -moz-border-radius: 4px;
     -khtml-border-radius: 4px;
     border-radius: 4px;
     background: #ffe;
     width: 185px;
     -moz-box-shadow: inset 0px 0px 1px 1px #bbf;
}

div.toolbar {
     margin: 0;
     padding: 10px;
     font-weight: bold;
     background: #ffe;
     border: 1px solid #447;
     display: none !important;
}

div.toolbar a:link {
     border: 1px outset #ddddc0;
     padding: 0px 5px 1px 5px;
     line-height: 250%;
     background: #bbf;
     text-decoration: none;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -khtml-border-radius: 4px;
     display: none !important;
}

div.toolbar a:visited {
     background: #ffe;
}

div.toolbar a:hover{
     border: 1px solid #eeffef;
     background: #003;
     color: #f60;
}

a:active{
     color: #900;
}

div.routersummaryouter {
     float: left;
     width: 200px;
     margin: 0 0 10px 0px;
     padding: 0;
     border: 0;
     clear: left;/* fixes a bug in Opera */
     text-align: center !important;
     display: block;
}

div.routersummary {
     width: 180px;
     padding: 8px 8px 10px 8px;
     text-align: center !important;
     border: 1px solid #447;
     color: #000;
     font-size: 8pt;
     clear: left;/* fixes a bug in Opera */
     -moz-border-radius: 4px;
     -khtml-border-radius: 4px;
     border-radius: 4px;
     background: #ffe url('images/magic.png') center bottom;
     -moz-box-shadow: inset 0px 0px 1px 1px #bbf;
     -khtml-box-shadow: inset 0px 0px 1px 1px #bbf;
     box-shadow: inset 0px 0px 1px 1px #bbf;
}

div.routersummary input[type=text] {
     text-align: right !important;
}

div.routersummary hr {
     color: #99f;
     background: #99f;
     height: 1px;
     border-bottom: 1px solid #99f;
     margin: 8px -7px 8px -7px;
     -moz-box-shadow: inset 0px 1px 1px 1px #fff;
    -khtml-box-shadow: inset 0px 0px 1px #fff;
     box-shadow: inset 0px 1px 1px 1px #fff;
}

div routersummary hr:last-child {
}

div.routersummary h3 {
     border: 0;
     font-size: 9.5pt;
     letter-spacing: 0.04em;
     margin: -4px -3px;
     padding: 2px 0;
     background: #ffe;
     text-transform: uppercase;
     background: #ffe url('images/header.png') center center repeat-x;
     border: 1px solid #99f !important;
     -moz-border-radius: 3px;
     -khtml-border-radius: 3px;
     border-radius: 3px;
     -moz-box-shadow: 0px 1px 5px #bbf;
     text-shadow: 0px 1px 1px #77f;
     -moz-box-shadow: outset 0px 0px 2px 1px #bbf;
     -khtml-box-shadow: outset 0px 0px 2px 1px #bbf;
     box-shadow: outset 0px 0px 2px 1px #bbf;
}

div.routersummary h3 a {
     text-decoration: none;
}

div.routersummary h3:hover {
     background: #ffa url('images/header.png') center center repeat-x !important;
     text-shadow: 0 0 0;
     -moz-box-shadow: inset 0px 0px 2px 1px #ffa;
     -khtml-box-shadow: inset 0px 0px 2px 1px #ffa;
     box-shadow: inset 0px 0px 2px 1px #ffa;
}

div.routersummary h4 {
     border: 0px solid #fff;
     border-bottom: 0 !important;
     font-size: 8.5pt;
     letter-spacing: 0.02em;
     margin: -6px -6px !important;
     padding: 3px 3px 5px 3px;
     background: #ddf url(images/magic.png);
     text-transform: capitalize;
     text-decoration: none !important;
     color: #2b2;
     line-height: 105%;
     -moz-box-shadow: inset 0px 0px 1px 10px #dfd;
     -khtml-box-shadow: 0px 0px 1px 1px #dfd;
     box-shadow: 0px 0px 1px 1px #fdf;
}

div.routersummary table {
     border: 0;
     text-align: center !important;
     margin: -7px -5px -6px -5px;
     width: 190px !important;
     overflow: hidden;
     font-size: 8pt;
     padding: 0px -10px;
     background-image: none !important;
     background-color: transparent !important;
}

div.routersummary tr {
     background-image: none !important;
     background-color: transparent !important;
     border: 0 !important;
}

div.routersummary td:first-child {
     max-width: 90px;
     overflow: hidden;
}

div.routersummary a:hover {
     color: #f60;
}

div.routersummary td {
     padding: 1px 3px;
     background-image: none !important;
     border: 0 !important;
}

div.tunnels td:first-child {
     width: 16px;
     text-align: left;
     padding-right: 1px;
}

div.tunnels td:last-child {
     text-align: right;
     padding-right: 1px;
}

div.tunnels img, div.tunnels img:hover {
     opacity: 1 !important;
}

div.routersummary img:first-child  { 
     margin-bottom: -2px !important;
     opacity: 0.7;
}

div.routersummary img:hover:first-child {
     margin-bottom: -2px !important;
     opacity: 1;
}

div.tunnels {
     margin-top: 6px !important;
     margin-left: -2px !important;
     margin-bottom: 3px !important;
     padding-top: 3px !important;
}

div.tunnels table {
     margin: -7px 0 -5px -4px !important;
}

div.tunnels td, div.tunnels img:first-child {
     margin: 0 !important;
    text-transform: capitalize;
}

.tunnels tr {
     padding: 4px 0 !important;
}

div.routersummary form {
     margin: -6px 0 -5px 0;
}

div.routersummary form:last-child {
     margin: 6px 0 0 0 !important;
     padding: 0;
}

div.routersummary p {
     padding: 0;
}     

div.refresh {
     margin-top: -6px !important;
     margin-bottom: 0px !important;
     padding: 2px 0 0px 0 !important;
}

/* proxy error messages */

div.warning {
     margin: 20px 20px 30px 240px;
     padding: 5px 25px 20px 75px;
     background: #fff;
     border: 1px solid #447;
     text-align: left;
     color: inherit;
     -moz-border-radius: 4px;
     -khtml-border-radius: 4px;
     border-radius: 4px;
     text-align: justify;
     background-image:url("../images/itoopie_sm.png");     
     background-position:10px center;
     background-repeat:no-repeat;
     -moz-box-shadow: inset 0px 0px 1px 0px #d00;
     word-wrap: break-word;
     min-width: 400px;
}

/* console error messages */

div.sorry {
     margin: 5px 10px 10px 207px;
     padding: 20px 20px 20px 75px;
     background: #ffe;
     border: 1px solid #447;
     -moz-border-radius: 4px;
     -khtml-border-radius: 4px;
     border-radius: 4px;
     text-align: justify;
     background-image: url("images/errortriangle.png");
     background-position: 15px center;
     background-repeat: no-repeat;
     -moz-box-shadow: inset 0px 0px 0px 1px #d00;
     word-wrap: break-word;
     font-weight: bold;
     color: #531;
}

div.sorry hr {
     color: #531;
     background: #531;
     height: 1px;
     border: 1px solid #531;
     margin: 10px 0 15px 0;
}     

div.main {
     margin: 10px 10px 20px 207px;
     padding: 0 15px 15px 15px;
     background: #ffe;
     text-align: left;
     color: #001;
     width: auto;
     min-width: 500px;
     border: 1px solid #447;
     -moz-border-radius: 4px;
     -khtml-border-radius: 4px;
     border-radius: 4px;
     -moz-box-shadow: inset 0px 0px 1px 1px #bbf;
     -khtml-box-shadow: inset 0px 0px 1px 1px #bbf;
     box-shadow: inset 0px 0px 1px 1px #bbf;
     background: #ffe url('images/magic.png') center bottom;}

div.main hr, hr {
     color: #113;
     background: #113;
     height: 1px;
     border: 0px solid #113;
     margin: 10px 0;
}

hr:last-child {
     margin-top: 20px !important;
}

div.main textarea {
     background: #ffe;
     color: #001;
     font: 8pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
}

div.news {
     margin: 0px 10px 5px 207px;
     padding: 7px 20px 7px 20px;
     border: 1px solid #447;
     color: #224;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -khtml-border-radius: 4px;
     text-align: right !important;
     font-size: 7.5pt;
     line-height: 140%;
     -moz-box-shadow: inset 0px 0px 1px 1px #bbf;
     -khtml-box-shadow: inset 0px 0px 1px 1px #bbf;
     box-shadow: inset 0px 0px 1px 1px #bbf;
     background: #ffe url('images/magic.png') center bottom;
     min-width: 490px;
}

div.news p {
     font-size: 9pt;
     text-align: justify !important;
     line-height: 120%;
     margin-top: -7px;
     padding: 0 15px;
}

div.news hr{
     color: #225;
     background: #225;
     height: 1px;
     border: 0px dotted #225;
     margin: 10px 0 5px;
     opacity: 0.6;
}

div.news li {
     text-align: justify;
     list-style: none;
     margin: 5px 0 16px 0 !important;
     vertical-align: bottom;
     border: 1px solid #113;
     border-left: 5px solid #113;
     padding: 5px 5px;
     border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
     -khtml-border-radius: 0 4px 4px 0;
     font-size: 10pt;
     opacity: 1;
     background: #ffe url('images/header.png') center center repeat-x;
     -moz-box-shadow: 0 1px 1px 1px rgba(176, 176, 216, 0.4);
     -moz-box-shadow: 0 1px 1px 1px rgba(176, 176, 216, 0.4);
     font-weight: bold;
     text-transform: capitalize;
}

div.news li:first-child {
     margin-top: 10px !important;
}

div.news h3 {
     background: none !important;
     text-align: left;
     border: none !important;
     padding-left: 0;
     padding-top: 0px;
     border-bottom: 1px dotted #225 !important;
     -moz-box-shadow: none;
     -khtml-box-shadow: none;
     box-shadow: none;
     font-size: 10pt !important;
     letter-spacing: 0.05em;
     text-transform: capitalize !important;
     text-shadow: 0px 0px 0px #77f;
}

div.news i {
     font-style: normal;
}

div.news h4 {
     border-bottom: 0px;
     padding: 0;
     margin: 0 0 -10px 0;
     font-size: 11pt;
}

div.confignav {
     padding: 15px 10px !important;
     margin: 15px 0 15px 0;
     background: #ffe url('images/header.png') center center repeat-x;
     -moz-border-radius: 4px;
     -khtml-border-radius: 4px;
     border-radius: 4px;
     border: 1px solid #115;
     font-size: 9.5pt !important;
     font-weight: bold !important;
     line-height: 160% !important;
     -moz-box-shadow: 0 2px 1px 1px rgba(176, 176, 216, 0.4);
     -khtml-box-shadow: 0 2px 1px 1px rgba(176, 176, 216, 0.4);
     box-shadow: 0 2px 1px 1px rgba(176, 176, 216, 0.4);
     opacity: 1;
     min-width: 400px;
}

div.configure {
     min-width: 400px;
     margin-bottom: 0px;
}

div.configure h3, div.graphspanel h3 {
     border: 1px solid #115;
     border-left: 5px solid #115;
     padding: 5px;
     margin: 15px 0 15px 0;
     border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
     -khtml-border-radius: 0 4px 4px 0;
     background: #ffe;
     text-align: left;
}

div.graphspanel {
     text-align: center !important;
     margin: 15px 0px -15px;
}

div.graphspanel img {
     border: 1px solid #447;
     padding: 2px;
     margin: 6px;
     text-align: center !important;
     background: #001;
     -moz-box-shadow: inset 0px 0px 1px 1px #99f;
     opacity: 0.8;
}

div.graphspanel img:hover {
     border: 1px solid #447;
     padding: 2px;
     margin: 6px;
     text-align: center !important;
     background: #001;
     -moz-box-shadow: inset 0px 0px 2px 1px #f60;
     opacity: 1;
}

div.graphspanel form {
     text-align: left;
}

div.messages {
     padding: 10px;
     margin: 10px 0 15px 0;
     background: #ffe;
     -moz-border-radius: 4px;
     -khtml-border-radius: 4px;
     border-radius: 4px;
     border: 1px solid #447;
     background: #ffe url('images/magic.png');
     font-weight: bold;
     -moz-box-shadow: inset 0px 0px 1px 1px #bbf;
}

div.messages span.error {
     color: #d00000;
}

div.messages span.notice {
     font-style: italic;
}

div.messages li {
     text-align: justify !important;
     font-weight: bold;
     list-style: url(images/warning.png) !important;
     margin: 0 10px 0 35px !important;
     padding: 5px 10px !important;
     border: 0px !important;
}

table {
     border-collapse: collapse;
     width: 100%;
     border: 1px solid #447;
     margin: 1px -15px 5px 0px;
     cell-padding: 1px;
     font-size: 7pt;
     background: #b4c8ff url('images/tabletitlelight.png') repeat-x;
     font: 7pt/130% "Lucida Sans Unicode", Verdana, "Bitstream Vera Sans", Tahoma, Helvetica, sans-serif;
}

table hr {
     padding: 0px 0;
     color: #99f;
     background: #99f;
     border: 0px solid #99f;
     margin: 0px 0px;
     height: 1px;
     display: none;
}

th {
     padding: 6px 2px;
     color: #000;
     background: #ffe url('images/header.png') center center repeat-x;
     text-align: center;
     font-size: 9pt;
     line-height: 110%;
     border-bottom: 1px solid #447 !important;
     border-top: 1px solid #447 !important;
}

tr {
     vertical-align: middle !important;
     align: center;
}

tr:nth-child(even) {
     background: #eef url(images/magic.png);
}

tr:nth-child(odd) {
     background: #fff url(images/magic.png);
}

td {
     padding: 5px 3px;
     color: #000;
     vertical-align: middle;
     border-top: 1px inset #447;
     border-bottom: 1px outset #99f;     
}

tt {
     font: bold 8pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
     color: #008000;
     padding: 1px 5px;
}

div.main li {
     text-align: left;
     list-style: square;
     margin: 2px 5px 0px 20px;
     padding: 1px 10px 1px 10px;
     line-height: 150%;
     word-wrap: break-word;
}

div.main li {
     text-align: left;
     list-style: square;
     margin: 2px 20px 0px 40px;
     padding: 1px 10px 1px 10px;
     line-height: 150%;
     word-wrap: break-word;
}

div.main li b {
     color: #514 !important;
     color: #003 !important;
     letter-spacing: 0.01em;
     font-size: 9.5pt;
     line-height: 170%;
}

div.main li:first-child {
     margin-top: 10px !important;
}
.tidylist {
     text-align: justify !important;
}

.tidylist li:first-child {
     margin-top: -10px !important;
}

.tidylist:last-child {
     padding-bottom: 5px;
}

.tidylist code {
     text-align: left;
     font: 9pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
     color: #910;
     padding: 2px 3px;
     font-weight: bold;
}

ol {

     margin: 1px 0 0 5px;
     padding: 1px 0 0 20px;
}

ul {
     display: inline;
     margin: 0;
     padding: 0;
}

code {
     text-align: left;
     font: 8pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
}


code {
     text-align: left;
     font: 9pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
     color: #390;
     font-weight: bold;
}

a:link{
     color: #359;
     text-decoration: none;
     font-weight: bold;
     word-wrap: break-word;
}

a:visited{
     color: #218;
     text-decoration: none;
     font-weight: bold;
}

a:hover{
     color: #f60;
     text-decoration: underline;
     font-weight: bold;
}

a:active{
     color: #f93;
     text-decoration: underline;
     font-weight: bold;
}

.links li {
     list-style: url(images/link.png) !important;
     padding-bottom: -2px;
     text-align: justify;
     line-height: 120% !important;
     padding-right: -100px !important;
}

.links li:first-child {
     padding-top: 0 !important;
}

.links li:last-child {
     padding-bottom: -15px !important;
}

.links ul {
     margin-top: -5px !important;
}

p {
     text-align: justify;
     line-height: 160%;
}

h1 {
     text-align: left;
     color: #115;
     padding: 10px 15px;
     margin: 0 10px 10px 207px;
     font: normal bold 16pt/120% "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
     letter-spacing: 0.15em;
     text-transform: uppercase;
     text-shadow: 0px 1px 1px #77f;
     -moz-box-shadow: inset 0px 0px 1px 1px #bbf;
     -khtml-box-shadow: inset 0px 0px 1px 1px #bbf;
     box-shadow: inset 0px 0px 1px 1px #bbf;
     white-space: normal;
     background: #ffe url('images/header.png') center center repeat-x;
     border: 1px solid #447;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -khtml-border-radius: 4px;
     min-width: 500px;
}

h2 {
     font-size: 13pt;
     color: #115;
     letter-spacing: 0.07em;
     background: #ffe url('images/header.png') center center repeat-x;
     text-shadow: 0px 1px 1px #99f;
     padding: 10px;
     wordwrap: none;
     border: 1px solid #115;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -khtml-border-radius: 4px;
     margin: 15px 0px 15px 0 !important;
     -moz-box-shadow: 0 2px 1px 1px rgba(176, 176, 216, 0.4);
     -khtml-box-shadow: 0 2px 1px 1px rgba(176, 176, 216, 0.4);
     box-shadow: 0 2px 1px 1px rgba(176, 176, 216, 0.4);
     word-wrap: break-word;
     text-transform: uppercase;
     opacity: 1;
}

h2 a:hover {
     text-shadow: 0px 0px 1px rgba(255, 255, 72, 0.9);
     border-bottom: 1px #ff6600;
     padding-bottom: 5px;
}

h2 img {
     opacity: 0.9 !important;
}

h3 {
     border: 1px solid #115;
     border-left: 5px solid #115;
     padding: 5px 5px 5px 8px;
     margin: 12px 0 15px 0;
     border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
     -khtml-border-radius: 0 4px 4px 0;
     background: #ffe url('images/header.png') center center repeat-x !important;
     text-transform: uppercase;
     text-shadow: 0px 1px 1px #99f;
     font-size: 11pt;
     color: #115;
     -moz-box-shadow: 0 2px 1px 1px rgba(176, 176, 216, 0.4);
     -khtml-box-shadow: 0 2px 1px 1px rgba(176, 176, 216, 0.4);
     box-shadow: 0 2px 1px 1px rgba(176, 176, 216, 0.4);
     opacity: 1;
     letter-spacing: 0.07em;
}

h4 {
     border-bottom: 1px;
     border-bottom-style: solid;
     border-bottom-color: #447;
     padding: 0 0 10px 0;
     margin: 5px 0 10px 0;
     font-size: 11pt;
}

button, button:visited{
     font: bold 9pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
     border: 1px outset #66a;
     padding: 1px 3px;
     background: #ffe !important;
     text-decoration: none;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -khtml-border-radius: 4px;
     font-size: 8pt;
     font-weight: bold;
     margin: 0 1px;
     text-align: center;
     min-width: 80px;
     -moz-box-shadow: inset 0px 0px 2px 1px #fff;
     -khtml-box-shadow: inset 0px 2px 8px 0px #fff;
     box-shadow: inset 0px 2px 8px 0px #fff;
     color: #316;
}

button:hover{
     border: 1px solid #f60;
     background: #f60 !important;
     color: #fff;
     -moz-box-shadow: inset 0px 0px 0px 1px #fff;
     -khtml-box-shadow: inset 0px 0px 0px 1px #fff;
     box-shadow: inset 0px 0px 0px 1px #fff;
}

button:active{
     border: 1px solid #f60;
     background: #202 !important;
     color: #f60;
     -moz-box-shadow: inset 0px 0px 0px 1px #f60;
     box-shadow: inset 0px 0px 0px 1px #f60;
     -khtml-box-shadow: inset 0px 0px 0px 1px #f60;
}

.underline {
     border-bottom: 1px solid #000022;
     padding: 5px 0px 5px 0px;
     margin: 0px 0px 10px 0px;
}

.langbox {
     margin: 20px 10px 4px 5px;
     padding: 8px 5px;
     color: #001;
     font-size: 7pt;
     width: 260px;
     text-align: right;
     float: right;
     vertical-align: middle;
     opacity: 1 !important;
}

.langbox img {
     opacity: 0.8 !important;
}

.langbox img:hover {
     opacity: 1 !important;
}

input {
     background: #ffe;
     color: #316;
     margin: 5px 10px 5px 10px;
     padding: 4px 2px;
     font: bold 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
     border: 1px solid #447;
     text-decoration: none;
     min-width: 110px;
}

input, input:visited {
     border: 1px outset #999;
     background: #ffe;
     color: #316;
     margin: 5px;
     font: bold 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
     padding: 1px 2px;
     text-decoration: none;
     min-width: 110px;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -khtml-border-radius: 4px;
     -moz-box-shadow: inset 0px 2px 8px 0px #fff;
     color: #813
     opacity: 1;
}


input:hover {
     background: #f60;
     color: #fff;
     border: 1px solid #f60;
     opacity: 1.0;
     -moz-box-shadow: inset 0px 0px 0px 1px #fff;

}

input:active {
     background: #002;
     color: #f60;
     border: 1px solid #f60;
     opacity: 1.0;
     -moz-box-shadow: inset 0px 0px 0px 1px #f60;
     -khtml-box-shadow: inset 0px 0px 0px 1px #f60;
     box-shadow: inset 0px 0px 0px 1px #f60;
}

input[type=text] {
     background: #ffe;
     color: #001;
     margin: 5px 10px 5px 10px;
     padding: 4px 2px;
     font: bold 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
     border: 1px solid #447;
     text-decoration: none;
}

submit {
     background: #f00;
     color: #ffe;
     margin: 10px 2px 10px 0;
     padding: 2px;
     font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
     font-weight: bold;
     border: 1px solid #447;
     text-decoration: none;
}

input checkbox {
     border: 0 !important;
}

select {
     background: #ffe;
     color: #003;
     margin: 5px 10px 5px 10px;
     padding: 4px;
     border: 1px solid #447;
     min-width: 110px;
     font: 9pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -khtml-border-radius: 4px;
     text-align: left !important;
}

select:active {
     -moz-box-shadow: inset 0px 0px 0px 1px #f60;
     -khtml-box-shadow: inset 0px 0px 0px 1px #f60;
     box-shadow: inset 0px 0px 0px 1px #f60;     
}

textarea {
     padding: 5px;
     margin: 5px 15px 5px 10px;
     background: #ffe;
     color: #003;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -khtml-border-radius: 4px;
     font: 8pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
     min-height: 100px;
     min-width: 97%;
     border: 1px solid #447;
}

textarea:active {
     -moz-box-shadow: inset 0px 0px 0px 1px #f60;
     -khtml-box-shadow: inset 0px 0px 0px 1px #f60;
     box-shadow: inset 0px 0px 0px 1px #f60;     
}

form {}

.proxyfooter {
     margin: 0 20px 10px 240px;
     padding: 20px 25px 20px 75px;
     font-color: #f00;
     font-size: 7pt;
     text-align: right !important;
     border-radius: 4px;
     -moz-border-radius: 4px;
     -khtml-border-radius: 4px;
     border: 1px solid #447;
     display: none;
}    

.statusnotes {
     font-style: italic;
     font-size: 8pt;
     font-color: #001 !important;
     text-align: center;
     border: 1px solid #447 !important;
     border-top: 0 !important;
     margin: -5px 0 5px 0; 
     padding: 7px;
     background: #ffe url('images/magic.png') center bottom;
     -moz-box-shadow: inset 0px 0px 2px 1px #ffe;
}

div.joblog {
     overflow: auto;
     border: 0;
     margin-top: 5px;
 }

div.joblog i {
     color: #050;
     font-weight: bold;
}
 
 div.joblog ul {
     word-wrap: break-word !important;
     text-align: justify;
     line-height: 100% !important;
     margin-top: -5px !important;
}

 div.joblog li {
     word-wrap: break-word !important;
     text-align: justify !important;
     line-height: 115% !important;
     padding: 0;
     font-size: 9pt !important;
}

div.joblog li:last-child {
     margin-bottom: -5px;
}

div.joblog li:first-child {
     margin-top: 10px !important;
}

div.joblog form:first-child {
     margin-top: 10px;
}

div.joblog table {
     margin-top: 15px;
}

div.joblog p {
     line-height: 130%;
}

div.joblog hr {
     margin: 15px 0;
}

div.joblog h3 {
     margin-bottom: 5px;
}

.smallhead {
     font-size: 7pt
}

.mediumtags {
     font-size: 8pt;
     font-style: italic;
     font-weight: bold;
}

.optbox {
     min-width: 16px !important;
     max-width: 16px !important;     
     width: 16px !important;
     min-height: 16px;
     max-height: 16px;     
     height: 16px;
     opacity: 1.0;
     border: 0;
     margin: 5px 5px 5px 10px;
     padding: 2px;
}

.optbox:hover {
     min-width: 16px !important;
     max-width: 16px !important;     
     width: 16px !important;
     min-height: 16px;
     max-height: 16px;     
     height: 16px;
     opacity: 1.0;
     border: 0;
     margin: 5px 5px 5px 10px;
     padding: 2px;
}

.cells {
     border-left: 1px outset #bbf;
     border-top: 1px inset #99f !important;
     border-bottom: 1px inset #99f !important;
}

.tablefooter {
     background: #b4c8ff url('images/tabletitlelight.png') repeat-x;
}

.tablefooter tr, .tablefooter td {
     background: #ffe url('images/header.png') center center repeat-x;
     border-top: 1px solid #447;
     border-bottom: 1px solid #447 !important;     
     padding: 8px 2px !important;
     font-size: 7pt;
     line-height: 110%;
}

.formaction {
     text-align: right;
}

div.footnote {
     text-align: right;
     color: #447;
     font-size: 7pt;
     margin-bottom: -5px !important;
}

div.footnote hr{
     margin: 20px 0 5px 0 !important;
     color: #447;
     background: #447;
     height: 1px;
     border: 0px solid #447;
}

.topness {
     font-size: 7.5pt;
     text-align: right;
     margin-top: 0px;
     margin-bottom: -18px;
     margin-right: 5px;
}