.blueText {
    font: bold 13px Helvetica;
    color: #08c;
}

html {
    height: 100%;
}

body {
    height: 100%;
    text-align: center;
    margin: 0;
    background: #3C3C3C;
}

p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset, select {
    margin: 0;
    padding: 0;
}

input[type="text"] {
    margin: 0;
    padding: 0;
    background-color: white;
    background-image: none;
    font-family: Arial;
}

textarea {
    font-size: 14px;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
}

a img {
    border: none;
}

a:link, a:visited {
    color: #08c;
    font-size: 12px;
}

.no_roles {
    margin: 0;
    padding: 0 0 0 94px;
}

.no_roles li {
    margin: 0.6em;
    font-size: 13px;
}

.ajaxLoader {
    background-position: center center;
    background-image: url(../images/ajax-loader.gif);
    background-repeat: no-repeat;
}

.smallAjaxLoader {
    background-image: url(../images/ajax-loader-small.gif);
    background-repeat: no-repeat;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 5px;
}

input.essayQuestionText {
    width: 400px;
}

.essayQuestionText {
    font-size: 12px;
}

.essayHeader {
    border-bottom: 1px solid #CDCAD5;
    height: 18px;
}

.essayHeaderText {
    float: left;
    display: inline;
    color: #3e6b89;
    font-weight: bold;
    font-size: 12px;
    line-height: 13px;
    padding: 3px 0 0 3px;
}

.hdrButton {
    float: right;
    height: 18px;
    padding: 0;
    margin: 0;
    border: 1px solid #3e6b89;
    background-color: #3e6b89;
    color: white;
    font: bold 10px Helvetica, Arial, sans-serif;
}

.onBehalf {
    font-size: 13px;
    font-weight: bold;
    color: #333333;
}

#Frame {
    min-height: 100%;
    overflow: hidden;
    width: 1230px;
    margin: auto;
    text-align: left;
    background: #ffffff;
}

#Frame.essayList {
    margin: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    text-align: left;
    background: #ffffff;
    overflow: auto;
}

#Frame.essayList #Content {
    padding: 10px;
    height: 485px;
    min-height: 0;
}

#Content {
    min-height: 100%;
    padding-bottom: 80px; /* The height of footer, specified in header.and.footer.css */
}

#Content #FauxColumns {
    overflow: auto;
    height: 1%;
}

#PageTitle, .pageTitle {
    color: #3E6B89;
    font-size: 24px;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 5px;
}

#PageDescription {
    font-size: 12px;
    width: 70%;
    margin-bottom: 20px;
}

.lpiTextLogo {
    font-weight: 700;
    font-size: 1.2em;
}

#Navigation {
    overflow: hidden;
}

#Navigation ul {
    float: left;
    width: 100%;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    list-style-type: none;
    background: #646464;
    padding-bottom: 10px;
}

#Navigation ul li {
    float: left;
    line-height: 1.1em;
    margin: 0.6em 0.1em 0 -0.1em;
    border-left: 1px solid white;
    padding: 0 1em;
}

#Navigation ul li a {
    text-decoration: none;
    float: left;
    background: #646464;
    color: #FFFFFF;
    font-size: 15px;
    line-height: 16px;
}

#Navigation ul li a.active {
    font-weight: bold;
    font-size: 15px;
    line-height: 16px;
}

#SubNavigation ul {
    padding-bottom: 8px;
    overflow: hidden;
    width: 100%;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    list-style-type: none;
    background: #D2D2D2;
}

#SubNavigation ul li {
    border-left: 1px solid #646464;
    float: left;
    line-height: 1.1em;
    /*IE workaround - margin-bottom is #SubNavigation ul:padding-bottom*/
    margin: .6em .1em 0 -.1em;
    padding: 0 1em;
}

#SubNavigation ul li a {
    color: #646464;
    text-decoration: none;
    font-size: 12px;
}

#SubNavigation ul li a.active {
    font-weight: bold;
}

#SubNavigation ul li.active {
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
}

#SubNavigation ul li.inactive {
    font-weight: normal;
}

/*		SUBNAVIGATION END	*/

/* TABLES */
/* Prompt Tables (e.g. Edit Folder box) */
.promptTable {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    border-spacing: 0;
}

.promptTable th {
    color: #000;
    font-size: 12px;
    line-height: 14px;
    padding: 5px;
    border: 1px solid #cdcdcf;
    border-spacing: 0;
    background: #D2D2D2;
    text-align: left;
}

.promptTable td {
    background-color: #F4F4F4;
    padding: 15px;
    border: 1px solid #CDCDCF;
}

/* Prompt Tables (e.g. Edit Folder box) */
.promptTable  table {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    border-spacing: 0;
    padding: 3px;
    border: 0
}

.promptTable  table td {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    border-spacing: 0;
    padding: 3px;
    border: 0
}

.promptTable label {
    font-weight: bold;
}

.totalTokenCountBox {
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    line-height: 24px;
    color: #3e6b89;
}

table.TabularData {
    width: 100%;
    border-left: 1px solid #cdcdcf;
    border-spacing: 0;
    border-collapse: collapse;
}

table.TabularData th {
    background: #D2D2D2;
    border-right: 1px solid #cdcdcf;
    border-bottom: 1px solid #cdcdcf;
    font-size: 11px;
    height: 23px;
    padding-left: 6px;
    text-align: left;
}

table.TabularData th a {
    font-size: 11px;
}

table.TabularData tbody tr {
    height: 15px;
}

table.TabularData td {
    padding-left: 6px;
    font-size: 11px;
    line-height: 13px;
    border-right: 1px solid #cdcdcf;
    border-bottom: 1px solid #cdcdcf;
    padding-top: 2px;
    padding-bottom: 2px;
}

table.TabularData td a {
    font-size: 11px;
}

table.TabularData td.foldersCell {
    width: 120px;
    padding-left: 0;
    background: #cdcdcf;
}

table.TabularData span.foldersHeader {
    margin-left: 10px;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
}

.TabularDataEven {
    background-color: white;
    color: black;
}

.TabularDataOdd {
    background-color: #F2F4F6;
    color: black;
}

.TabularData .emptyTable {
    border: 1px solid #CDCDCF;
}

#Footer p {
    text-align: center;
}

/*		FOOTER	END		*/

.multiContainer label {
    font-weight: bold;
}

.normalFontWeight {
    font-weight: normal;
}

.multiContainer {
    border: 1px solid #CDCAD5;
    _height: 1%;
    overflow: hidden;
    padding: 0 0 0.2em;
    font-size: 9pt;
}

.multiContainer.noBorder {
    border: 0;
}

.multiContainer .body {
    font-weight: normal;
}

.multiContainer .multiBox {
    border: 1px solid #CDCAD5;
    margin: 2px;
}

.multiContainer .header {
    background: #FFF;
    border-bottom: 1px solid #CDCAD5;
    color: #3e6b89;
    margin-bottom: 0.1em;
    padding: 0.35em 0.5em;
    font-weight: bold;
    height: 14px;
    font-size: 12px;
    line-height: 13px;
}

.multiContainer .header h1 {
    font-size: 12px;
    line-height: 13px;
    font-weight: bold;
    color: #3e6b89;
}

.multiContainer .subheader,
.multiContainer .searchFields {
    background: white;
    padding: .35em .5em;
    border-bottom: 1px solid #CDCAD5;
}

#loginContainer .multiContainer .subheader {
    background: #646464;
    padding: .35em .5em;
    border-bottom: 1px solid #CDCAD5;
    color: white;
    font-size: 25px;
    line-height: 26px
}

.multiContainer .searchFields h2,
.multiContainer .subheader h2 {
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    margin: 0;
    color: #000000;
}

.multiContainer .header .headerMessage {
    float: left;
}

.multiContainer .header .right, .multiContainer .subheader .right,
.multiContainer .searchFields .right {
    font-size: 12px;
    font-weight: 700;
    margin-top: -2px;
}

.right {
    float: right;
}

.multiContainer .searchFields select {
    font-size: 12px;
}

.multiContainer .searchFields input {
    font-size: 11px;
    padding: 0;
    margin: 0;
}

.multiContainer table.TabularData th[scope=row] {
    background: white;
}

.multiContainer .searchFields fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 11px;
    font-weight: 700;
}

.multiContainer .searchFields label {
    padding: 0 0 0 1.2em;
}

.rosterMultiContainer, .reportsHomeMultiContainer {
    border: 0 none;
    font-size: 9pt;
}

.asLink {
    color: #125ca6;
    cursor: pointer;
    font: bold 13px Helvetica;
}

.tip {
    padding: 15px;
    text-align: right;
    clear: right;
}

.tip > .asLink {
    color: #08c;
}

.alphaList {
    height: 25px;
    width: 480px;
    color: #0088CC;
    display: inline;
}

.alphaList .firstLetter {
    margin-left: 4px;
}

.alphaList .title {
    color: #0088CC;
    font-size: 11px;
}

.alphaList li {
    display: inline;
    font-size: 12px;
    font-weight: bold;
    list-style-type: none;
    padding: 3px 3px 0px;
    line-height: 14px;
    cursor: pointer;
}

.alphaList ul {
    border: solid 1px #CDCDCF;
    line-height: 14px;
    display: inline;
}

.alphaList li.highlight {
    background-color: #0088CC;
    color: white;
}

.alphaList .buttons {
    margin-top: -2px;
    width: 120px;
}

#questionsTable {
    width: 100%;
}

#questionsTable tbody tr td div ol {
    padding-left: 30px;
}

#questionsTable tbody tr td select {
    margin-left: 10px;
}

#BoxContainer {
    _height: 1%;
    overflow: auto;
    padding: 20px 20px 20px 20px;
}

#BoxContainer .steps {
    font-size: 15px;
    line-height: 16px;
    color: #3e6b89;
}

#BoxContainer .subheader {
    font-size: 12px;
    line-height: 14px;
    color: black;
    background-color: #d2d2d2;
}

/*		BOXCONTAINER END	*/

#Content #nextPrevButtons {
    text-align: center;
    padding: 1em;
    border: 1px solid #CDCAD5;
    border-top: 0;
    font-size: 12px;
}

input.smButton {
    background-color: #3E6B89;
    color: #ffffff;
    font-size: 10pt;
    font-family: Helvetica, Arial, sans-serif;
    padding: .4ex .4em;
    border: 0;
}

input.smButton[disabled],
input.lgButton[disabled],
#Content input.smButton[disabled] {
    color: #ccc;
    background-color: #7897ac;
}

input.lgButton {
    background-color: #3e6b89;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 16px;
    font-family: Helvetica, Arial, sans-serif;
    padding: .4ex .4em;
    border: 0;
    width: auto;
}

input.smButton:active,
input.lgButton:active {
    padding: .5ex .3em .3ex .5em;
}

#Content input.lgButton[disabled] {
    background-color: #3E6B89;
}

input.smButton[disabled]:active,
input.lgButton[disabled]:active {
    padding: .4ex .4em;
}

#Content input.disButton {
    background-color: #3E6B89;
}

#paginator {
    font-weight: bold;
    font-size: 13px;
    color: #3c3c3c;
}

.greyBox {
    background-color: #d2d2d2;
    border: 1px solid #CECBD7;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 5px;
    height: 15px;
}

.greyBox .right {
    font-weight: bold;
    float: left;
    text-align: right;
    width: 500px;
}

.greyBox .left {
    float: left;
    width: 420px;
}

.whiteBox /* This box is attached to a table (.TabularData), so no need for a bottom border */
{
    background-color: #ffffff;
    border: 1px solid #CECBD6;
    border-bottom: 0;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
}

.reportsHomeWhiteBox {
    margin-bottom: 1em;
    border: 1px solid #CECBD6;
}

#Content .right {
    float: right;
    font-weight: normal;
    /* todo what is it? */
    display: box;
}

#Content .whiteBox .right {
    float: right;
    font-weight: bold;
    margin-top: -18px;
}

.rightFloatingBox {
    float: right;
    width: 350px;
}

.modalBackground {
    left: expression(ignoreMe = document.documentElement.scrollLeft + "px");
    top: expression(ignoreMe = document.documentElement.scrollTop + "px");
    width: expression(document.documentElement.clientWidth + "px");
    height: expression(document.documentElement.clientHeight + "px");
    filter: Alpha(Opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    width: 100%;
    height: 100%;
    background-color: #999999;
    position: absolute;
    z-index: 500;
    top: 0px;
    left: 0px;
}

.inlineForm {
    padding: 0;
    padding-right: 3px;
    padding-left: 3px;
    display: inline;

}

.subFolder {
    margin-left: 25px;
}

.lpi_footer_break {
    clear: both;
}

.lpi_footer_menu a:link,
.lpi_footer_copyright a:link {
    text-decoration: none;
    color: #fff;
}

.lpi_footer_menu a:visited,
.lpi_footer_copyright a:visited {
    text-decoration: none;
    color: #ccc;
}

.lpi_footer_menu a:hover,
.lpi_footer_copyright a:hover {
    text-decoration: underline;
}

a img {
    border: 0;
}

.lpi_footer_menu {
    margin: auto;
    text-align: left;
    width: 980px;
    height: 58px;
    background: url(../images/lpi_footer_bg.gif) repeat-x;
}

.lpi_footer_menu_JB {
    margin: auto;
    text-align: left;
    width: 980px;
    height: 58px;
    background-color: #000000;
}

.lpi_footer_menu_JB a:link {
    text-decoration: none;
    color: #fff;
}

.lpi_footer_menu_JB a:visited {
    text-decoration: none;
    color: #ccc;
}

.lpi_footer_menu_JB a:hover {
    text-decoration: underline;
}

.lpi_footer_logo {
    display: inline;
    float: left;
    width: 103px;
    height: 58px;
    margin-left: 20px;
}

.lpi_footer_text {
    display: inline;
    float: left;
    width: 750px;
    padding: 15px 0 0 10px;
    color: #fff;
    font-size: 14px;
}

.lpi_footer_divider {
    color: #888888;
    font-size: 0.8em;
}

.lpi_footer_copyright {
    color: #888888;
    font-size: 11px;
}

/* Tooltip */

#text {
    margin: 50px auto;
    width: 500px
}

.hotspot {
    color: #900;
    padding-bottom: 1px;
    border-bottom: 1px dotted #900;
    cursor: pointer
}

#tt {
    font: 11px/1.5 Helvetica, Arial, sans-serif, Verdana;
    position: absolute;
    display: block;
    background: url(../images/tooltip/tt_left.gif) top left no-repeat;
    text-align: left
}

#tttop {
    display: block;
    height: 5px;
    margin-left: 5px;
    background: url(../images/tooltip/tt_top.gif) top right no-repeat;
    overflow: hidden
}

#ttcont {
    display: block;
    padding: 2px 12px 3px 7px;
    margin-left: 5px;
    background: #666;
    color: #FFF
}

#ttbot {
    display: block;
    height: 5px;
    margin-left: 5px;
    background: url(../images/tooltip/tt_bottom.gif) top right no-repeat;
    overflow: hidden
}

table.selectFolderTable {

    border-spacing: 0;
    border-collapse: separate;
    *border-collapse: collapse;
    *border-bottom: 1px solid #cdcdcf;
    /* THIS TABLE WIDTH/HEIGHT WILL BE CHANGED TO WHATEVER PARAMETERS
                  * YOU PASS WHEN USING srcollabletable */
    width: 100%;
}

table.selectFolderTable th {
    border: 1px solid #CDCDCF;
    padding-left: 6px;
    font-size: 11px;
    height: 18px;
    text-align: left;
}

table.selectFolderTable tbody tr {
    height: 20px;
}

table.selectFolderTable thead tr {
    background-color: #d2d2d2;
}

table.selectFolderTable th.active {
    color: #ffffff;
    background: #312C6E url(../images/gradation_table_on.gif) repeat-x top left;
}

table.selectFolderTable td {
    height: 20px;
    font-size: 11px;
    font-weight: normal;
    border: 1px solid #CDCDCF;
    border-bottom: 0;
    border-left: 0;
    padding-left: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
}

table.selectFolderTable td:first-child {
    border-left: 1px solid #CDCDCF;
}

table.selectFolderTable tr:last-child > td {
    border-bottom: 1px solid #CDCDCF;
}

.required {
    color: red;
}

#secureHomeFeatBox1 img {
    border: 1px solid #CDCAD5;
}

#lpiOnlineLink {
    font-size: 13px;
    font-weight: bold;
    color: white;
    text-decoration: none;
}

.tokensAvailable {
    float: right;
    border: solid 1px #CDCDCF;
    padding: 15px;
    text-align: center;
    vertical-align: middle;
    font-family: helvetica;
    font-size: 16px;
    font-style: normal;
    color: #5a5a5a;
}

.tokensAvailable .tokenCount {
    font-family: helvetica;
    font-size: 16px;
    font-weight: bold;
    color: #3E6B89;
}

.errorMessage {
    color: red;
    font-weight: bold;
}

.sortable .iconAsc, .sortable .iconDesc {
    display: none;
    font-size: 140%;
    color: #08c;
    vertical-align: -1px;
    background-repeat: no-repeat;
    background-position: center;
}

.sortable .iconAsc {
    background-image: url("../images/uparrow_blue.png");
}

.sortable .iconDesc {
    background-image: url("../images/downarrow_blue.png");
}

.sortable.sorted.order1 .iconAsc,
.sortable.sorted.order2 .iconDesc {
    display: inline;
}

.rball {
    font-size: 10px;
    vertical-align: text-bottom;
}

.placeholder {
    color: #BBB;
}