a:link {
    color: #344075;
    text-decoration: none;
}

a:visited {
    color: #344075;
    text-decoration: none;
}

a:hover {
    color: #b60;
    text-decoration: underline;
}

body {
    background-color: #fff;
    background: #2d3444 url('/images/bg_site.jpg') repeat-x;
    color: #000;
    line-height: 14px;
    padding: 8px;
}

body, div, span, p, a, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
}

table {
    width: 100%;
}

/* reset defines list-style as none, but Tips use bullets */
ol, ul {
    list-style: disc;
    padding-left: 40px;
}

/* for some reason <b>text</b> does not line up with regular middle-aligned text */
a, b, u, strong, em {
    vertical-align: top;
}

/* wrap pre-tags */
pre {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
/*_white-space: pre; *//* IE hack to re-specify in addition to word-wrap */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

th {
    text-align: left;
}

img {
    border: 0;
    margin-right: 4px;
}

input {
    margin-bottom: 2px;
}

label {
    color: #344075;
}

/************************************************************************************/

.addErrors {
    color:red;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
}

.black {
    color: #000;
}

.blue {
    color: #008;
}

.bold {
    font-weight: bold;
}

.bordered {
    border: solid 1px #aaa;
}

.centered {
    text-align: center;
}

.copyright {
    height: 15px;
    padding-left: 10px;
    padding-right: 0px;
    text-align: left;

}

.fieldLabel {
    font-weight: bold;
    color: #335;
    vertical-align: top;
}


.flashNotice {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #901010;
    text-align: center;
}

.green {
    color: #080;
}

.header {
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
    color: #001C4E;
}


.leftIndent {
    margin-left: 50px;
}


.loginLabel {
    color: #315582
}

.publicBody {
    background-image: none;
    /*background-color: #848896*/
    background-color: #ccc;
}

.red {
    color: #800;
}

.standout {
    color: #800;
    font-weight: bold;
}

.topAligned {
    vertical-align: top;
}

.bigTitle {
    text-align:center;
    font-size: 18px;
	line-height: 24px;
    color: #006;
    font-weight: bold;
    margin: auto;
}
/************************************************************************************/

a.copyright {
    color: #fff;
    font-weight: normal;
    font-size: 10px;
    text-decoration: none;
}

a.showLink {
    font-weight: bold;
    text-decoration: underline;
}

a.underline {
    text-decoration: underline;

}

/************************************************************************************/
div.admin {
    background-color: #205;
    /* use for grey-top/bottom*/
    background-color: #302c3e;
}

div.appFrame {
    width: 902px;
    margin-left: auto;
    margin-right: auto;
    border: 0;
}

div.appFrameBorderImage {
    width: 902px;
    height: 7px;
    margin-left: auto;
    margin-right: auto;
}

div.archive {
    padding: 8px;
    border: solid 1px #888;
    /*-moz-border-radius-topleft: 5px;*/
    /*-webkit-border-radius-topleft: 5px;*/
}

div.banner {
    color: #fff;
    height: 25px;
}

div.centerFrame {
    margin-left: auto;
    margin-right: auto;
}

div.clear {
    clear: both;
}

div.left {
    float: left;
}

div.leftMargin {
    float: left;
    margin-left: 8px;
}

div.leftPadding {
    float: left;
    padding-left: 8px;
}

div.login {
    width: 360px;
    background-color: #eeeeee;
    border: solid 1px #000;
    padding: 20px;
    margin: 50px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div.loginLogout {
    color: #000;
    height: 25px;
    margin-bottom: 10px;
}

/* mainFrame is 872 to allow borders of 10px when running the application */
div.mainFrame {
    text-align: left;
    background-color: #fff;
    width: 872px;
    min-height: 320px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
}

div.pageTitle {
    color: #344075;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
}

/* publicMainFrame is 882 so that with 10px padding it equals the width of appFrame */
div.publicMainFrame {
    width: 882px;
}

div.right {
    float: right;
}

div.rightMargin {
    float: right;
    margin-right: 8px;
}

div.rightPadding {
    float: right;
    padding-right: 8px;
}

div.sectionHeader {
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
    color: #001C4E;
    margin-bottom: 10px;
}

div.redHeader {
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    color: #b11;
    margin-bottom: 6px;
}

div.shaded {
    background-color: #eeeeee;
    border: solid 1px #000;
    padding: 6px;
}

div.subscriber {
    /* use for blue-top/bottom*/
    background-color: #344075;
}

div.userInfo {
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
    color: #001C4E;
}

div.subscriberBackground {
/*background-color: #344075;*/
    background-color: #748192;
    color: #fff;
    padding: 6px;
    padding-top: 20px;
    padding-bottom: 20px;
}

div.trialVersion {
    position: absolute;
    top: 40px;
    left: 400px;
    z-index: 1001; /* top tiny_mce */
}

div.bigTrialVersion {
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 1001; /* top tiny_mce */
}

/************************************************************************************/
table.outer {
    width: 100%;
    border: 0;
    border-spacing: 1px;
}

tr.even td {
    background-color: #ffffff;
    height: 22px;
}

tr.highlight td {
    background-color: #fe7;
    height: 22px;
}

tr.odd td {
    background-color: #e8e8e0;
    height: 22px;
}

/************************************************************************************/

img.constrained {
    max-height:110px;
    max-width: 450px;
}

img.publicConstrained {
    max-height:400px;
    max-width: 400px;

}

img.frameBottom {
    vertical-align: top;
    border: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

/************************************************************************************/

select.custom {
    background-color: #fff;
    color: #000;
    width:160px;
}

select.descriptor {
    background-color: #fff;
    color: #000;
    width:160px;
}

select.med {
    background-color: #fff;
    color: #000;
    width:240px;
}

select.narrow {
    background-color: #344075;
    color: #ffffff;
    width:300px;
}

select.range {
    background-color: #fff;
    color: #000;
    width:80px;
}

select.thin {
    background-color: #344075;
    color: #ffffff;
    width:200px;
}

select.wide {
    background-color: #344075;
    color: #ffffff;
    width:400px;
    margin:10px 5px 10px 5px;
}


select.withTextField {
    width:160px;
    background-color: #eee;
    color: #000;
}