table#maintable {
    border-collapse:collapse;
    padding:0;
    text-align: left;
}

table#maintable table {
    border-collapse:collapse;
    padding:0;
    text-align: left;
}

form { 
    margin:0;
}

input[type=submit], button {
    border:1px solid white;
    background-color:#4266b4;
    color:#fff;
    font-weight:bold;
    font-size:1.1em;
    padding:1px 5px 2px 5px;
}

input[type=button] {
    border:1px solid white;
    background-color:#4266b4;
    color:#fff;
    font-weight:bold;
    font-size:1.1em;
    padding:1px 5px 2px 5px;
}

.errortext {
    border:1px solid red;
    background-color:#fcc;
    color:#f33;
    padding:3px;
    font-weight:bold;
    font-size:10pt;
}


/*
   dashinner is meant to be a container div inside the generic dashboard tables
   This allows the outer table to avoid using class='' for the whole table
   (which breaks the align='center' table attr in both IE and FireFox for some reason)

   This is also a step in the right direction for eliminating the huge amount of
   unnecessary mark-up that was in the original static HTML shipped to us.
*/
table td.dashcell { 
   border: 1px solid #ccc;
}

div.dashinner { 
    background-color:#e9f2fd;
    border:none;
}

div.dashinner table { 
    width: 100%;
    border: none;
    border-collapse: collapse;
    padding:0;
    text-align: left;
}

div.dashinner tr.even { 
    background-color:#e9f2fd;
}

div.dashinner tr.odd { 
    background-color:#FFFFFF;
}

div.dashinner td { 
    border:none;
}

div.dashinner td.dashinnercell { 
    border: 2px solid #ccc;
}

div.dashinner td.label { 
    white-space:nowrap;
    font-weight:bold;
    width:160px;
    text-align:right;
    padding-right:4px;
}

div.dashinner td.midlabel { 
    white-space:nowrap;
    font-weight:bold;
    width:130px;
}

div.dashinner td.onoff { 
    padding-left:8px;
    font-weight:bold;
    width:75px;
}

div.dashinner .footnote {
    font-size:8pt;
    margin-left:20px;
}

.dashboardheader {color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;}

span.dashboardcontent {color: #000000; font-size:9px; line-height:16px;}

div.balance { 
    background-color:#FFF; 
    border: 1px solid #c9d2dF;       
    width: 598px;
}

/** BEGIN Dashtable: Blue gradient header, gray border. **/
div.dashtable {
    border:1px solid #cccccc;
}

div.dashtable .dashtableheader {
    background-repeat:repeat-x;
    background-image:url(/images/1.2/dashboardheader.gif);
    padding:5px;
    color:#fff;
    font-size:13px;
    font-weight:bold;
}

div.dashtable .dashinner {
    padding:10px;
}

div.dashinner tr.dashboardsubheader {color: #000000; background-color: #ffffff; font-size:11px; font-weight:bold; height:21px;}

div.dashinner tr.dashboardsubheader th {border: none; border-bottom: 1px solid #ccc;  text-align: center;}

div.dashinner tr.dashboardrow td {color: #000000; border-bottom: 1px solid #ccc; text-align: center;}
div.dashinner tr.dashboardrow td b {font-size:9px;}
div.dashinner tr.dashboardrow td.right { text-align: right;}
div.dashinner tr.dashboardrow td.left  { text-align: left;}

div.dashinner tr.dashboardrow th {background-color: white;}

div.dashinner tr.dashboardrow a {color: #000000; text-decoration:none; font-size:9px;}

div.dashinner tr.dashboardrow a:hover {background-color: #9EC4FA;}

div.dashinner table.account { border: none; width: 660px; }

div.dashinner table.padded tr td,
div.dashinner table.padded tr th { padding:2px 20px 2px 20px;}

div.dashinner div.balcontainer { 
    border: 2px solid white;       
    width: 600px;
}


/** END Dashtable **/

/** BEGIN Dashtable2: 1px blue, 1px white box, blue background. **/
div.dashtable2 {
    border:1px solid #d4e6fb;
    width:400px;
    padding:1px;
    background-color:white;
    margin:0px auto 20px auto;
    overflow:auto;
    font-size: 11px;
}

div.dashtable2 div.inner {
/*    overflow:auto;   breaks other pages, not needed on page4?  fail! */
    background-color:#D4E6FB;
    margin:0px;
    padding:8px;
    position:relative;
}

.dashtable2 .header, 
.dashinverse .header { 
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    padding-bottom: 6px;
}

.dashinverse .header {
    font-size: 11px;
}

.dashtable2 th {
    font-size: 10px; 
    font-weight: bold;
    text-align: right;
    padding: 0px 4px 0px 6px;
}

.dashtable2 span.midlabel {
    font-weight: bold;
    text-align: left;
    font-size:15px;
}

.dashtable2 td.small { 
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
    padding: 1px;
    text-align:left;
}

.dashtable2 hr, div.dashinner hr {  
    width:99%;
    border:0px solid white; /* for opera browser compat */
    color:white;
    background-color: white;
    height: 1px;
}

.dashtable2 table.padded tr td,
.dashtable2 table.padded tr th { padding:0px 10px 12px 10px;}

.dashtable2 tr.dashboardsubheader {color: #000000; background-color: #ffffff; font-size:11px; font-weight:bold; height:21px; border:none;}

.dashtable2 tr.dashboardsubheader th {border: none; text-align: left;}

.dashtable2 tr.dashboardrow td {color: #000000; font-size:9px;  text-align: left;}

.dashtable2 tr.dashboardrow th {background-color: white; text-align: left; padding: 0px;}

.dashtable2 tr.dashboardrow a {color: #000000; text-decoration:none; font-size:9px;}

.dashtable2 tr.dashboardrow a:hover {background-color: #9EC4FA;}
/** END Dashtable2 **/

table.ccinfo { 
    border: none;
}

table.ccinfo th, table.ccinfo td { 
    text-align: center;
}

.errorsext {
    margin:5px auto 5px auto;
    border:1px solid red;
    background-color:#ffcccc;
    font-weight:bold;
    color:#900;
    padding:5px;
}

.err { 
    color: red;
}

/** BEGIN Gradient Wrapper: used on the background of several pages **/
div.gradient_wrapper {
    width:760px;
    margin:auto;
}

div.gradient_wrapper div.grad_start div.left_corner, 
div.gradient_wrapper div.grad_start div.right_corner {
    background-repeat:no-repeat;
    width:23px;
}

div.gradient_wrapper div.grad_start div {
    height:24px;
    float:left;
}

div.gradient_wrapper div.grad_start div.left_corner {
    background-image:url(/images/1.2/registrationnubleft.gif);
}
div.gradient_wrapper div.grad_start div.middle {
    background-image:url(/images/1.2/registrationtop.gif);
    background-repeat:repeat-x;
    width:714px;
}
div.gradient_wrapper div.grad_start div.right_corner {
    background-image:url(/images/1.2/registrationnubright.gif);
}

div.gradient_wrapper div.grad_body {
    clear:both;
    background-image:url(/images/1.2/registrationbg.gif);
    background-repeat:repeat-x;
    padding-left:21px;
    padding-right:21px;
    overflow:visible;
}
/** END Gradient Wrapper **/

/** BEGIN Dashinverse **/
div.dashinverse {
    border:1px solid #fff;
    width:400px;
    padding:1px;
    background-color:#d4e6fb;
    margin:0px auto 10px auto;
}

div.dashinverse div.inner {
    background-color:#fff;
    margin:0px;
    padding:8px;
}

/** END Dashinverse **/

/** BEGIN Messageblock **/
div.messageblock {
    margin:auto;
    width:678px;
    border:2px solid orange;
    background-color:white;
    padding:1px;
}

div.messageblock div.inner {
    background-color:#ffefc5;
    padding:3px;
    overflow:hidden;
}

div.messageblock div.inner .headline {
    margin-left:9px; 
    margin-right:9px; 
    float:left;
}

div.messageblock div.icon {
    float:left;
    padding-right:10px;
    margin-bottom:-5px;
}
div.messageblock div.content {
    font-size:14px;
}

/** END Messageblock **/

/** BEGIN Useful Alignment Shortcuts **/
.jleft {
    text-align:left !important;
}
.jright {
    text-align:right !important;
}
.jcenter {
    text-align:center !important;
}
/** END Useful Alignment Shortcuts **/