body {
    margin: 0;
    padding: 0;
    background: url(bg.jpg) top left repeat-x;
    background-color: #D1DDF3;
    text-align: center;
    font: 75% Arial, Helvetica, Verdana, sans-serif;
}

p, li {
    font-size: 12px
}

#header {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 970px;
    height: 116px;
}

#header h1 {
    font: 18px Arial;
    float: left;
    text-align: left;
    width: 340px;
    line-height: 95%;
    margin-top: 25px;
    padding-bottom: 5px;
}

#header #title1 {
    color: #999;
}

#header #titie2 {
    color: #333;
}

#userMgt {
    float: right;
    background: url(userMgt_bg.jpg) top left no-repeat;
    width: 438px;
    height: 69px;
    margin-top: 12px;
    margin-right: 20px;
    text-align: right;
}

#userMgt #login {
    width: 220px;
    float: left;
    font: 12px bold Arial, sans-serif;
    color: #fff;
    margin-top: -3px;
    margin-left: 15px;
}

#userMgt input {
    width: 142px;
    background-color: #fff;
    border: 1px solid #333;
}

#userMgt h3 {
    text-align: left;
    font-size: 14px;
    color: #fff;
    margin: 10px;
}

#userMgt p, #userMgt a {
    text-align: left;
    color: #fff;
    margin: 10px;
    text-decoration: none;
}

#userMgt a:hover {
    text-decoration: underline
}

#loggedIn, #loggedIn p {
    margin: 0;
    padding: 0;
}

#nav {
    clear: both;
    height: 34px;
}

#nav ul {
    margin-right: 15px;
    padding-top: 10px;
    text-align: left;
}

#nav li {
    list-style-type: none;
    display: inline;
    margin: 5px;
}

#nav li a {
    font: 13px Arial, sans-serif;
    color: #ccc;
    text-decoration: none;
    padding: 5px 15px 10px 15px;
}

#nav li a:hover {
    background: url(tab-left_hover.jpg) top left no-repeat;
    color: #ccc;
    padding: 5px 0 10px 15px;
}

#nav li a:hover span {
    background: url(tab-right_hover.jpg) top right no-repeat;
    padding: 5px 15px 10px 0;
}

li#active a, li#active a:hover {
    background: url(tab-left.jpg) top left no-repeat;
    color: #333;
    padding-top: 5px;
    *padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 15px;
}

li#active a span, li#active a:hover span {
    background: url(tab-right.jpg) top right no-repeat;
    padding: 5px 15px 10px 0px;
}

#contentarea {
    margin-left: auto;
    margin-top: -1px;
    margin-right: auto;
    width: 970px;
    background: #fff;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    text-align: left;
    padding: 15px;
    position: relative;
}

#contentarea h1 {
    font-size: 24px;
    color: #D1DDF3;
    margin: 0;
    padding: 0;
    clear: both;
}

#contentarea h2 {
    font-size: 20px;
    color: #666;
    margin: 10px 0 0 0;
    padding: 15px 0 0 0;
    clear: both;
}

#contentarea h3 {
    font-size: 18px;
    font-weight: bold;
    color: #666;
    margin: 10px 0 0 0;
    padding: 15px 0 0 0;
    clear: both;
}

#contentarea ul {
    margin: 0;
    padding: 0 0 0 15px;
}

#contentarea p {
    margin: 0 0 20px 0;
}

/*more buttons*/
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; margin: 5px 5px 10px 5px; }
.btn * { font-style: normal; background-image: url(btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4;}
.btn.pink { background: #e1a; }
.btn:hover { background-color: #333; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }

p { clear: both; }
form { margin-top: 2em; }
form p .btn { margin-right: 1em; }
textarea {margin: 1em 0;}


/* tables */
table	{border:0;border-collapse:collapse;}
td		{padding:4px;}
th		{font:bold 12px/17px Arial;text-align:left;padding:4px;border-bottom:1px solid #333;}
tr.odd	{background:#F5F5F5;}
tr.highlight	{background:#ddd;}
tr.selected,tr.selected a {background:#666;color:#fff;}
td+td+td {text-align:left;}

a[href$='.pdf'] {padding-right: 20px; background: transparent url(pdf.gif) no-repeat center right;}
.legalTxt {border: 1px solid #666; padding: 10px; width:85%; height: 100px; overflow: scroll; background-color: #ddd;}
.viewLink {color: blue; text-decoration: underline;}

ul#caseNav {font-family:helvetica,arial,sans-serif;margin:0 0 20px 0;padding:0;float:left;border-top:0.1em solid #ddd;border-bottom:0.1em solid #214869;width:100%;}
ul#caseNav li {margin:0;padding:0;list-style:none;float:left;margin:0 20px 0 0;}
ul#caseNav li a {font-weight:bold;text-decoration:none;display:block;padding:0.3em;border-bottom:0.4em solid white;color:black;background:#fff;}
ul#caseNav li a:hover,ul#caseNav li a.selected {border-bottom:0.4em solid #214869;color:#214869;}

.statusBar {margin: 10px;}
.statusBar span {margin-right: 20px;}
fieldset ul li {margin-left: 25px;}
.footer {height: 20px; clear: both; margin-right: 10px;}
h5 {font: bold 12px Arial; margin:15px 0 0 0;padding:0;}