/*
Parent Experience
==================
Layout Details
==================
3 column layout. 1st column is named sidebar and contains the side navigation
2nd column contains the main content.
3rd column can contain 2 alert blocks
==================
About CSS
==================
To assist in viewing styles for this page: 
1. Get a copy of Mozilla Firefox at http://mozilla.org/products/firefox/ if you don't have one already.
2. Install Chris Pedericks Web Developer's Toolbar if you haven't already at http://www.chrispederick.com/work/firefox/webdeveloper/ 

Using Firefox, go to the URL. In the Information Icon in the tool bar, select "Display ID and Class Details" from the drop down menu. This display Class and ID information on the page
and how CSS has been applied to content blocks. For more information about using CSS for design and web authoring, visit alistapart.com
=====================
Browser Compatibility
=====================
Viewable in all standard compliant browsers, degrades gracefully in older, non compliant software pre 2000.
Note: Even current browsers handle CSS differently. To accomodate these differences with one style sheet, the child selector hack is used.

The child selector: html>body #yourstylehere {margin:10px} 
IE ignores the child selector enabling page authors to assign different attributes for the same content block.
When the child selector is used it hides a set of attributes from IE but is read by Mozilla, etal. The style compatible with IE uses the 
same id or class but without the child selector. You can set major differences such as margins, padding, fonts, colors, etc.
=========================

*/

html body {
    background: #D5E0EE url(../images/PXP/fadeBG.gif) repeat-x;
    font: normal 14px arial, helvetica, sans-serif;
    color: #090D11;
    margin: 5px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

/* Semantic styling - unused but available to style*/
h1 {
    font: bold arial,helvetica,sans-serif;
    margin: 0px;
}

h2 {
    font: arial,helvetica,sans-serif;
    font-size: small;
    margin: 0px;
    color: #518ED2;
}

h3 {
    font: bold 12px arial,helvetica,sans-serif;
    margin: 0px;
}

h4 {
    font: bold 11px arial,helvetica,sans-serif;
    margin: 0px;
}

/* horizontal rule is styled to look like 1 pixel blue line. Use as a divider between content blocks, etc. */
hr {
    color: #9CB6D9;
    background: #9CB6D9;
    border: 0;
    height: 1px;
    text-align: center;
}

/* all links are dark blue and underlined on hover only */
a {
    color: #1626C2;
    text-decoration: none;
}

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

/*for pop up windows if used*/
body.pop {
    background: #ffffff url(../images/PXP/1x1trans.gif) repeat-x;
}

/* data and list table background color*/
.blueBG {
    background-color: #ECF1F8;
}

#login p {
    width: 80%;
}

#login input {
    /*	border: solid 1px #9CB6D9; */
    /*	width: 200px; */
    /*	height: 24px; */
}

    #login input.text {
        border: solid 1px #9CB6D9;
        /*	padding-top:2px;
	margin-right: 4px;
	position: relative;
	top: 4px;*/
    }

    #login input.vtext {
        border: solid 1px #9CB6D9;
        width: 170px;
        /*	padding-top:2px;
	margin-right: 4px;
	position: relative;
	top: 4px;*/
    }

#login div {
    margin-left: 4px;
    margin-right: 4px;
}

#login input.key {
    border: solid 1px #9CB6D9;
    width: 100px;
    /*	padding-top:2px;
	margin-right: 4px;
	position: relative;
	top: 4px;*/
    text-transform: uppercase;
}



.log_info {
    font-size: 12px;
    text-align: right;
}

/* main table body and content containers - keeps the white background behind all the pages and the margins */

.marginfix {
    margin-left: -3px;
    voice-family: "\"}\"";
    voice-family: inherit;
    margin-left: 0px;
    padding-bottom: 6px;
}

table.main {
    background-color: #9CB6D9;
    height: 100%;
}

#dataBG td.whiteBG {
    background-color: #fff;
}

#dataBG td.whiteBGMain {
    background-color: #fff;
}

#dataBG td.sideBG {
    background-color: #84B7E5;
}

#dataBG td.sideBG2 {
    width: 18px;
    color: white;
    background-color: #edf4f1;
    text-align: right;
}

.nodec {
    /*	font-style:italic; */
    color: Black;
    text-decoration: none;
}

input.checkbox {
    position: relative;
    top: 4px;
    border: solid 0px #ffffff;
    padding-top: 2px;
    margin-right: 4px;
}

#MainDiv {
    margin-right: 0px;
    margin-bottom: 20px;
}

#header td.span {
    background: url(../images/PXP/header_span.gif) repeat-x;
    width: 100%;
}

/**************** Navigation Styles - 2 top navs, 1 left side nav and a breadcrumb nav *****************/

#header a {
    color: #000;
    margin-left: 0px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
}

html > body #header a {
    color: #000;
    margin-left: 0px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
}

    #header a:hover span {
        color: #000;
        text-decoration: underline;
    }

#header #current a {
    border-width: 0px;
    text-decoration: underline;
}

    #header #current a span {
        color: #000;
        text-decoration: underline;
    }

#header a:hover {
    text-decoration: underline;
}

    #header a:hover span {
        text-decoration: underline;
    }

#header td.small_txt a {
    font-size: 11px;
    padding-bottom: 1px;
}

.tab_off {
    background: url("../images/PXP/tab_nav_off.gif") no-repeat;
    vertical-align: middle;
    height: 26;
    width: 80;
}

.tab_on {
    background: url("../images/PXP/tab_nav_on.gif") no-repeat;
    vertical-align: middle;
    height: 26;
    width: 80;
}

.tab_on a {
    background-color: #2B79CE;
    font-weight: bold;
}

.tab_off a {
    background-color: #7BB3E3;
}

.tab_none {
    background: url(../images/PXP/tab_nav_on.gif) no-repeat center center;
    vertical-align: middle;
    width: 80px;
    height: 26px;
}


/* styles the nav below the main for the children links */
#bar_nav {
    font-size: 90%;
    background: #2773C7;
    padding-bottom: 4px;
    color: #ffffff;
    padding-top: 4px;
    height: 24px;
}
/* hide from IE mac \*/
#bar_nav {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 90%;
    background: #2773C7;
    padding-bottom: 6px;
    color: #ffffff;
    padding-top: 6px;
}

html > body #bar_nav {
    padding-right: 6px;
    padding-left: 6px;
    font-size: 90%;
    background: #2773C7;
    padding-bottom: 6px;
    color: #ffffff;
    padding-top: 6px;
}
    /* end hiding from IE5 mac */

    #bar_nav span {
    }

    #bar_nav ul {
        border: 1px solid #2773C7;
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

    html > body #bar_nav ul {
        border: 1px solid #2773C7;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 0px;
        list-style: none;
    }

    #bar_nav li {
        display: inline;
        margin: 0px;
    }

    #bar_nav a {
        color: #ffffff;
        text-decoration: none;
        padding-left: 15px;
        padding-right: 15px;
    }

        #bar_nav a:hover {
            color: #FBFF7D;
            text-decoration: underline;
            padding-left: 15px;
            padding-right: 15px;
        }

    #bar_nav #selected a {
        color: #FBFF7D;
        font-weight: bold;
        text-decoration: underline;
        /*border: 1px solid white;
	background-color:Green;*/
    }

#header td.small_txt {
    padding-top: 5px;
}

#header a.topnav:link, #header a.topnav:active, #header a.topnav:visited {
    font: bold 10px arial, sans-serif;
    color: #0A3CA1;
    text-decoration: none;
    width: 80px;
    voice-family: "\"}\""; /*hack to force padding for ie 5.5 - without this the blue box has no margins and wraps tight around the text link*/
    voice-family: inherit;
    padding-left: 10px;
    padding-right: 8px;
    padding-top: 30px;
}

#header a.topnav:hover {
    text-decoration: underline;
    color: #2B79CE;
}

.small_txt {
    font-size: 12px;
}

#sidenav {
    margin-left: 7px;
    margin-top: 6px;
    padding-left: 0px;
    voice-family: "\"}\"";
    voice-family: inherit;
    margin-left: 5px;
    margin-top: 6px;
    padding-left: 2px;
}

    #sidenav a img {
        background-color: white;  /* shouldn't show anywhere but removes some false WCAG2 errors (not really errors since there is no text but show up in the checker) ' */
    }

    #sidenav ul {
        margin: 0px;
        padding: 0;
        list-style-type: none;
    }

    #sidenav li {
        background-color: #2B79CE;
        float: left;
        margin-top: 0px;
        padding: 0;
    }

        #sidenav li a:hover {
            color: #05356D;
            background: lemonchiffon;
        }

        #sidenav li a {
            font-size: 14px;
            float: left;
            margin: 0;
            padding: 6px;
            background: #BFD4ED;
            color: #05356D;
            border-style: solid;
            border-color: #2B79CE;
            border-width: 0px;
            border-left-width: 1px;
            border-right-width: 1px;
            border-bottom-width: 1px;
            text-decoration: none;
            width: 140px; /* IE5x hack for the width of the nav elements. IE reads the 1st rule and ignores the second needs to follow all other rules or others get canceled */
            voice-family: "\"}\"";
            voice-family: inherit;
            width: 126px;
        }

.bold {
    font-weight: bold;
}

#sidenav li#current a {
    color: #05356D;
    background-color: #ffffff;
    border-top-width: 0px;
    border-bottom: 0px;
    border-right: 0px;
    width: 148px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 134px;
}

#sidenav li.currentSibling a {
    border-top-width: 1px;
}

div#breadcrumb ul {
    margin: 0px;
    padding: 0px;
}

div#breadcrumb li {
    list-style-type: none;
    display: inline;
    padding-right: 3px;
    padding-left: 3px;
}

div#breadcrumb a {
    font-size: 90%;
    text-decoration: none;
}

    div#breadcrumb a:hover {
        font-size: 90%;
        text-decoration: underline;
    }

    div#breadcrumb a.selected {
        font-size: 90%;
        font-weight: bold;
        color: Maroon;
    }

div#breadcrumb li.selected {
    font-size: 90%;
    font-weight: bold;
    color: Maroon;
}

div.heading_breadcrumb ul {
    margin: 0px;
    padding: 0px;
}

div.heading_breadcrumb li {
    list-style-type: none;
    display: inline;
    padding-right: 3px;
    padding-left: 3px;
}

div.heading_breadcrumb a {
    font-size: 90%;
    text-decoration: none;
}

    div.heading_breadcrumb a:hover {
        font-size: 90%;
        text-decoration: underline;
    }

    div.heading_breadcrumb a.selected {
        font-size: 90%;
        font-weight: bold;
        color: Maroon;
    }

div.heading_breadcrumb li.selected {
    font-size: 90%;
    font-weight: bold;
    color: Maroon;
}

/**************** End Nav Styles *****************/
/**************** Begin Center Content and table styles *****************/
#maincontent {
    font-size: 90%;
    margin-top: 6px;
}

    #maincontent td.middle {
        padding-right: 10px;
    }

    #maincontent h1 {
        margin-top: 10px;
        color: #0A3CA1;
        font-size: 16px;
        font-weight: normal;
        border-bottom: 1px solid;
        padding-bottom: 4px;
        width: 100%;
    }

        #maincontent h1.student img {
            border: solid 1px #BFD4ED;
            margin-right: 4px;
            margin-bottom: 6px;
        }

        #maincontent h1.student {
            color: #3276C0;
            font: bold x-large arial,helvetica,sans-serif;
            margin-top: 6px;
            border: 0px;
            vertical-align: top;
        }

        #maincontent h1.section {
            color: #3276C0;
            font: bold x-large arial,helvetica,sans-serif;
            margin-top: 6px;
            margin-bottom: 0px;
            margin-right: 0px;
            border: 0px;
            text-align: right;
        }

    #maincontent h2 {
        color: #3276C0;
    }

    #maincontent a {
        font-size: 12px;
        color: #2030D1;
        line-height: 130%;
    }

    #maincontent select {
        font-size: 12px;
        line-height: 130%;
    }


#breadcrumb select {
    color: #3276C0;
}

/* This was an unsuccessful attempt at changing the default option select of the browser  */
/* apparently this is impossible to do without moving away from html select boxes  */
#breadcrumb select option:hover, 
#breadcrumb select option:active,
#breadcrumb select option:focus {
    color: white;
    background-color: #3276C0;
}

/* table styles */
.data_tbl {
}

    .data_tbl td {
        border: 1px solid #E3E4E4;
        padding-left: 4px;
    }

.data_subhdr td {
    padding: 4px 0px;
    background-color: #BFD4ED;
    color: #2B79CE;
    font: bold 11px arial,helvetica,sans-serif;
    text-align: left;
    border: 1px solid #BFD4ED;
    padding-left: 4px;
}

#cal_tbl td {
    border: 1px solid #E3E4E4;
    width: 10%;
}

    #cal_tbl td image {
        vertical-align: bottom;
    }

    #cal_tbl td span.date {
        width: 100%;
        display: block;
    }

    #cal_tbl td span.datePick {
        width: 100%;
        display: block;
        CURSOR: pointer;
        cursor: hand;
    }

#cal_tbl a {
    font-size: 10px;
    padding-left: 4px;
}

#cal_tbl td.current {
    border: 1px solid #89B63A;
    width: 10%;
    font-weight: bold;
}

#cal_tbl2 td {
    border: 1px solid #E3E4E4;
    width: 10%;
}

    #cal_tbl2 td span.date {
        float: right;
    }

#cal_tbl2 a {
    font-size: 10px;
    padding-left: 4px;
}

.CALWEEK {
    CURSOR: pointer;
    cursor: hand;
}

.CALDAY {
    CURSOR: pointer;
    cursor: hand;
}

#cal_tbl td span.evt {
    width: 100%;
    display: block;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
}

#cal_tbl td span.evtfirst {
    width: 100%;
    display: block;
    border-top-style: solid;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-bottom-color: #CCCCCC;
    border-top-color: #CCCCCC;
}


/*alternative row background color - you will need to add this class to all tds in the row to alternate the color - can't do it by rows because of specificity in the containing table. */
.list_tbl td.altrow {
    background-color: #E7EDF9;
}

.list_tbl td {
    border: 1px solid #E3E4E4;
    width: 10%;
    background-color: #F1F5F9;
}

.list_tbl a {
    font-size: 10px;
    padding-left: 4px;
}

#list_tbl td.altrow {
    background-color: #E7EDF9;
}

#list_tbl td {
    border: 1px solid #E3E4E4;
    width: 10%;
    background-color: #F1F5F9;
}

#list_tbl a {
    font-size: 10px;
    padding-left: 4px;
}

.middle td {
    vertical-align: middle;
}

.PXPInfoBox {
    border: solid 1px orange;
    border-radius: 5px;
    display: inline-block;
}


.info_box_icon {
    margin: 5px;
}

.info_tbl td {
    border-right: #d7dad7 1px solid;
    border-top: #d7dad7 1px solid;
    border-left: #d7dad7 1px solid;
    border-bottom: #d7dad7 1px solid;
    background-color: #f1f5f9;
    padding: 4px;
}

.info_tbl .IND {
    padding-left: 30px;
}

.info_tbl .MK {
    font-weight: bold;
}

.info_tbl .error {
    font-weight: bold;
    background-color: #ffc6c6;
}

.info_tbl .HL {
    background-color: #E3EAF4;
}

.info_tbl .HLNum {
    background-color: #E3EAF4;
    text-align: right;
    margin-right: 4px;
}

.info_tbl .altrow1 td {
    border-right: #d7dad7 1px solid;
    border-top: #d7dad7 1px solid;
    border-left: #d7dad7 1px solid;
    border-bottom: #d7dad7 1px solid;
    background-color: #F8FAFC;
}

.info_tbl .altrow2 TD {
    border-right: #d7dad7 1px solid;
    border-top: #d7dad7 1px solid;
    border-left: #d7dad7 1px solid;
    border-bottom: #d7dad7 1px solid;
    background-color: #EAFFFF;
}

.info_tbl a {
    font-size: 10px;
    padding-left: 4px;
}

.info_tbl td image {
    vertical-align: text-bottom;
}



.extlink_tbl td {
    border-right: #d7dad7 1px solid;
    border-top: #d7dad7 1px solid;
    border-left: #d7dad7 1px solid;
    border-bottom: #d7dad7 1px solid;
    background-color: #f1f5f9;
}

.extlink_tbl .IND {
    padding-left: 30px;
}

.extlink_tbl .MK {
    font-weight: bold;
}

.extlink_tbl .error {
    font-weight: bold;
    background-color: #ffc6c6;
}

.extlink_tbl .HL {
    background-color: #E3EAF4;
}

.extlink_tbl .HLNum {
    background-color: #E3EAF4;
    text-align: right;
    margin-right: 4px;
}

.extlink_tbl a {
    font-size: 10px;
    padding-left: 4px;
}

.extlink_tbl td image {
    vertical-align: middle;
}





.legend td {
    border-right: #d7dad7 1px solid;
    border-top: #d7dad7 1px solid;
    border-left: #d7dad7 1px solid;
    border-bottom: #d7dad7 1px solid;
    background-color: #f1f5f9;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
}

    .legend td image {
        vertical-align: bottom;
        padding-right: 2px;
    }

td.NS {
    color: #363636;
    background-color: #A9A9A9;
}

.PXPPanel > table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.PXPPanel > .Header img,
.PXPPanel > .Footer img {
    margin: -1px;
}

.PXPPanel > table .Title {
    background-image: url('../images/pxp/sidenav_top_bg.png');
    width: 100%;
    padding: 0;
    margin: 0;
    color: #fff;
    text-align: center;
    border: 0;
    font-size: small;
}

.info_tbl2 td {
    border-right: #d7dad7 1px solid;
    border-top: #d7dad7 1px solid;
    font-size: x-small;
    border-left: #d7dad7 1px solid;
    width: 100%;
    color: black;
    border-bottom: #d7dad7 1px solid;
    background-color: #edf4f1;
    text-align: left;
    padding: 4px 4px 4px 4px;
}

.info_tbl2 a {
    font-size: 10px;
}

.entry {
    border: none;
}

.login_tbl td {
    border: 1px solid #E3E4E4;
}

.login_tbl a {
    font-size: 10px;
    padding-left: 4px;
}

#login_tbl2 td {
    border: 1px solid #E3E4E4;
}

#login_tbl2 p {
    width: 80%;
}

.plain td {
    border: none;
    text-align: left;
}

.message {
    font-size: 14pt;
}

.calHdr {
    text-align: center;
}

    .calHdr table {
        display: inline;
        text-align: center;
    }


td.row_hdr {
    padding-left: 0px;
    margin-left: 4px;
    background-image: url('../images/pxp/content_header_bg.png');
    background-repeat: repeat-x;
    background-color: #3268A9;
    color: #fff;
    text-align: center;
    border: 0px;
    font-size: large;
}

td.row_ftr {
    padding-left: 0px;
    margin-left: 4px;
    background-image: url('../images/pxp/content_footer_bg.png');
    background-color: #000;
    color: #fff;
    text-align: center;
    border: 0px;
    font-size: large;
}

td.row_ftr2 {
    height: 20px;
    background-image: url('../images/pxp/sidenav_bottom_bg.png');
    background-color: #000;
    color: #fff;
    text-align: center;
    border: 0px;
}

td.row_ftr_right {
    color: #fff;
    text-align: right;
    border: 0px;
    font-size: large;
}

.row_ftr_right img {
}

td.row_ftr_left {
    color: #fff;
    text-align: left;
    border: 0px;
    font-size: large;
}

.row_ftr_left img {
    background-color: #3276C0;
}


td.row_hdr_left {
    padding-left: 0px;
    margin-left: 4px;
    background-color: #3276C0;
    color: #fff;
    text-align: left;
    border: 0px;
    font-size: large;
}

    td.row_hdr_left br {
        height: 1px;
        background-color: #3276C0;
    }

td.row_hdr_right br {
    height: 1px;
    background-color: #3276C0;
}


td.row_hdr_left_indent {
    padding-left: 26px;
    margin-left: 4px;
    background-color: #757575;
    color: #fff;
    text-align: left;
    border: 0px;
    font-size: large;
}

td.row_hdr_right {
    padding-left: 0px;
    margin-left: 4px;
    background-color: #3276C0;
    color: #fff;
    text-align: right;
    border: 0px;
    font-size: large;
}

td.row_hdr2 {
    padding-left: 0px;
    margin-left: 4px;
    background-image: url('../images/pxp/sidenav_top_bg.png');
    color: #fff;
    text-align: center;
    border: 0px;
    font-size: small;
    background-color: #000;
}

td.greyHol {
    color: black;
    background-color: silver;
}

td.greyHolCurrent {
    background-color: silver;
    border: 0px solid #BFD4ED;
}

td.grey {
    background-color: #F3F3F3;
    color: #6B6A6A;
}

td.current {
    background-color: #E8F3FF;
    border: 0px solid #BFD4ED;
}

    td.current span.date {
        color: #1A65B8;
    }

.row_subhdr td, .row_subhdr th {
    border-right: #a2c2d7 1px solid;
    padding: 4px;
    border-top: #a2c2d7 1px solid;
    font: arial,helvetica,sans-serif;
    border-left: #a2c2d7 1px solid;
    width: 10%;
    color: #40598D;
    border-bottom: #a2c2d7 1px solid;
    background-color: #bfd4ed;
    text-align: left;
}
.row_subhdr .iconColumn{
	text-align: center !important;
	width: 1% !important;
}
    .row_subhdr td.nested {
        border-right: #a2c2d7 1px solid;
        padding-right: 4px;
        border-top: #a2c2d7 1px solid;
        padding-left: 4px;
        padding-bottom: 4px;
        font: arial,helvetica,sans-serif;
        border-left: #a2c2d7 1px solid;
        width: 10%;
        color: #40598D;
        padding-top: 4px;
        border-bottom: #a2c2d7 1px solid;
        background-color: #bfd4ed;
    }

.row_subhdr_highlights td {
    border-right: #a2c2d7 1px solid;
    padding-right: 4px;
    border-top: #a2c2d7 1px solid;
    padding-left: 4px;
    padding-bottom: 4px;
    font: bold arial,helvetica,sans-serif;
    border-left: #a2c2d7 1px solid;
    width: 10%;
    color: #003399;
    padding-top: 4px;
    border-bottom: #a2c2d7 1px solid;
    background-color: #FFFFCC;
}

.row_calWeek td {
    padding-left: 15px;
    border-right: #d7dad7 1px solid;
    border-top: #d7dad7 1px solid;
    border-left: #d7dad7 1px solid;
    border-bottom: #d7dad7 1px solid;
    background-color: #FFFFFF; /*font-weight: bold;*/
    font-size: 100%;
    color: #666666;
}

.row_DayRowWithAct td {
    padding-left: 5px;
    border-right: #d7dad7 1px solid;
    border-top: #d7dad7 1px solid;
    border-left: #d7dad7 1px solid;
    border-bottom: #d7dad7 1px solid;
    background-color: #bfd4ed;
    font-size: 100%;
    border-color: #d7dad7;
    color: #333333;
    font-weight: bold;
    CURSOR: pointer;
    cursor: hand;
}

.row_DayRowNoAct td {
    padding-left: 5px;
    border-right: #d7dad7 1px solid;
    border-top: #d7dad7 1px solid;
    border-left: #d7dad7 1px solid;
    border-bottom: #d7dad7 1px solid;
    background-color: #EBEBEB; /*font-weight: bold;*/
    font-size: 100%;
    border-color: #d7dad7;
    color: #666666;
    CURSOR: pointer;
    cursor: hand;
}

.row_Empty td {
    border: solid 1px #FFFFFF;
    background-color: #FFFFFF;
    height: 5px;
}


.tbl_label {
    font-size: 85%;
    color: #4E6E91;
}

.tblBG {
}

.tbl_altBG {
}

.tbl_hdr {
    background-color: #2B79CE;
    text-align: center;
}

h1.tbl_hdr {
    font: bold 20px arial, helvetica, sans-serif;
    color: #ffffff;
    margin: 0px;
}

.row_hdr {
    background-color: #BFD4ED;
    color: #2B79CE;
    font: bold 11px arial,helvetica,sans-serif;
    border: 1px solid #BFD4ED;
}

.row_hdr_left {
    background-color: #BFD4ED;
    color: #2B79CE;
    font: bold 11px arial,helvetica,sans-serif;
    border: 1px solid #BFD4ED;
}

.row_hdr_right {
    background-color: #BFD4ED;
    color: #2B79CE;
    font: bold 11px arial,helvetica,sans-serif;
    border: 1px solid #BFD4ED;
}

/*end table styles*/
/**************** End Center Content and table styles *****************/
/**************** Begin 3rd col right styles *****************/
.banner_ie {
    background: url("../images/PXP/banner_rtBG2.gif") repeat-y;
    width: 178px;
    background-position: 100% 100%;
    margin-left: 3px;
    voice-family: "\"}\"";
    voice-family: inherit;
    background-position: 0% 0%;
    margin-left: 0px;
}
/* for the blue BG right side on the homepage */



.banner_ie2 {
    background: url("../images/PXP/banner_rtBG3.gif") repeat-y;
    width: 18px;
}
/* for the white curve bg right side on the  homepage */

#banner1 {
    padding-top: 4px;
    width: 159px;
    font-family: arial, verdana, sans-serif;
    margin: 5px 5px 4px 8px;
    height: 100%;
}

    #banner1 ul {
        margin: 0px;
        padding: 0px;
        border: 1px solid #D4E2F2;
        padding-bottom: 30px;
        width: 160px;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 157px;
    }

        #banner1 ul li {
            font-family: arial, verdana, sans-serif;
            font-size: 11px;
            list-style: url("../images/PXP/arrow_bullet.gif") outside;
            text-align: left;
            margin: 5px 20px 4px 20px;
        }

html body > #banners ul li {
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    list-style: url("../images/PXP/arrow_bullet.gif") outside;
    text-align: left;
}

#banner2 {
    padding-left: 7px;
    margin-top: 20px;
    width: 159px;
    padding-bottom: 20px;
    border: 1px solid #D4E2F2;
}

    #banner2 ul {
        margin: 0px;
        padding: 0px;
        border: 1px solid #D4E2F2;
        padding-bottom: 30px;
        width: 160px;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 157px;
    }

        #banner2 ul li {
            font-family: arial, verdana, sans-serif;
            font-size: 11px;
            list-style: url("../images/PXP/arrow_bullet.gif") outside;
            text-align: left;
            margin: 5px 20px 4px 20px;
        }

/**************** End 3rd col right styles*****************/

div#footer {
    font-size: 10px;
    border-top: 1px solid #2B79CE;
    background-color: #9CB6D9;
    height: 30px;
    width: 100%;
}

    div#footer ul {
        color: #0A3CA1;
        margin: 0;
        padding: 0;
        margin-left: 15px;
        margin-top: 8px;
        list-style-type: none;
    }

    div#footer li {
        float: left;
        margin: 0;
    }

        div#footer li a {
            color: #0A3CA1;
            padding: 3px 15px 3px 15px;
            text-decoration: none;
            font-weight: bold;
        }

            div#footer li a:hover {
                text-decoration: underline;
            }

/* different style for language footer */
div#footer2 {
    font-size: 12px;
    background-image: url('../images/pxp/lang_bg.png');
    width: 100%;
    height: 31px;
}

    div#footer2 ul {
        color: #0A3CA1;
        margin: 0;
        padding: 0;
        padding-top: 7px;
        margin-left: 15px;
        margin-top: 8px;
        list-style-type: none;
    }

    div#footer2 li {
        float: left;
        margin: 0;
    }

        div#footer2 li a {
            color: #0A3CA1;
            padding: 3px 15px 3px 15px;
            text-decoration: none;
            /*font-weight: bold;*/
        }

            div#footer2 li a:hover {
                text-decoration: underline;
            }


div#legal p {
    margin: 0px;
    color: #285188;
    font-size: 75%;
    text-align: center;
}

.ERROR {
    font-size: medium;
    padding-left: 10px;
    padding-right: 10px;
    border-right: #C10000 1px solid;
    border-top: #C10000 1px solid;
    font-weight: bold;
    border-left: #C10000 1px solid;
    color: #C10000;
    border-bottom: #C10000 1px solid;
    font-family: Arial;
    cursor: default;
    display: block;
}

.extraSpaceBottom {
    margin-bottom: 2px;
}

.Greeting {
    font-weight: bold;
}

sep {
    height: 1px;
}

.mail {
    border: 0px;
    padding-left: 2px;
    vertical-align: middle;
}

.streamIcon {
    border: 0px;
    padding-left: 2px;
    vertical-align: middle;
}

.row_hdr image {
    CURSOR: pointer;
    cursor: hand;
}

#LB {
    vertical-align: bottom;
}

.largeText {
    font-size: large;
    line-height: normal;
}

.btnCenter {
    text-align: center;
    width: 100%;
}

.UserHead {
    padding-right: 17px;
    font-weight: bold;
    color: #ffffcc;
    text-align: right;
    background-color: #2773C7;
}

.btnLarge {
    width: 400px;
}

#CrsGreeting {
    margin-bottom: 5px;
}

.OCR_Locked {
    border: 1px solid #000000;
    background-color: White;
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    color: Maroon;
    padding-left: 4px;
    padding-right: 4px;
    vertical-align: middle;
}

    .OCR_Locked img {
        background-color: White;
        vertical-align: middle;
    }

.SmallText {
    font-size: small;
}

.highlight {
    background: lemonchiffon;
}

td.tblCellHighlight {
    background-color: #FFFFFF;
    color: Black;
}

.btnReq {
    width: 300px;
}

td.totalRow {
    background-color: #C0C0C0;
    color: Black;
    font-weight: bold;
}

td.comment {
    color: #DF0000;
}

td.CreditShort {
    background-color: #FFFF66;
}

hide {
    display: none;
    visibility: hidden;
}

show {
}

.PrivacyStatement {
    height: 300px;
    width: 583px;
    overflow: auto;
    border: solid 1px #000000;
}
/* for the white curve bg right side on the  homepage */

td.NotUsed {
    background-color: #C0C0C0;
}

TD.GBNotUsed {
    background-color: #CCCCCC !important;
}

.GBMissing {
    color: #FF0000;
    font-style: italic;
}

.info_tbl .altrow2 .GBNotUsed {
    background-color: #CCCCCC;
}

.breadcrumb {
    font: normal medium arial, helvetica, sans-serif;
    color: #3276C0;
}

.selected {
    color: #800000;
    font-weight: bold;
}

.DFHiden {
    position: absolute;
    display: none;
    visibility: hidden;
    top: 0px;
}

.MBOuter {
    border-right: maroon 3px solid;
    border-top: maroon 2px solid;
    display: inline;
    font-size: 80%;
    left: 15%;
    overflow: visible;
    border-left: maroon 2px solid;
    width: 70%;
    border-bottom: maroon 3px solid;
    position: absolute;
    top: 50px;
    background-color: gainsboro;
    text-align: left;
    z-index: 90;
    border-color: #99CCFF;
}

.MB {
    overflow: visible;
    width: 100%;
    height: 100%;
    background-color: white;
}

.MBHead {
    padding-left: 5px;
    font-weight: bold;
    color: black;
    border-bottom: #99CCFF 4px solid;
    background-color: #99CCFF;
    font-size: 22px;
}

.BtnClose {
    BORDER-RIGHT: #104a7b 1px solid;
    BORDER-TOP: #afc4d5 1px solid;
    FONT-SIZE: 11px;
    BACKGROUND-COLOR: #E9E9E9;
    BORDER-LEFT: #afc4d5 1px solid;
    CURSOR: pointer;
    CURSOR: hand;
    COLOR: #000066;
    BORDER-BOTTOM: #104a7b 1px solid;
    HEIGHT: 18px;
    TEXT-DECORATION: none;
    width: 50px;
}

.Pop_Hide {
    position: absolute;
    background-color: #FF0000;
    z-index: 90;
    display: none;
}

.Overlay {
    filter: alpha(opacity=50);
    opacity: 0.6;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: black;
    z-index: 5;
    height: 100%;
    width: 100%;
}

.al {
    cursor: hand;
}

.row_edit0 td {
    background-color: #D7FFF2;
}

.row_edit1 td {
    background-color: #FFFFFF;
}

.RECYCLE {
    width: 20px;
    height: 20px;
    float: left;
    vertical-align: middle;
}

.DOC_LINK {
    font-size: 18px;
    height: 18px;
    font-weight: bold;
    COLOR: #518ed2;
}

.DOC_NO_LINK {
    font-size: 12px;
    font-weight: bold;
    color: #808080;
}

.REPORT_CARD_IMG {
    float: left;
    border-width: 0px;
    vertical-align: middle;
    padding-bottom: 3px;
}

.NoData {
    color: #666666;
    font-style: italic;
}

.MessageNotificationBox {
    background-color: #D93737;
    border: 1px solid #FF0000;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 0 rgba(0, 39, 121, 0.77);
    color: #FFFFFF;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 0.8em;
    padding: 1px;
    position: absolute;
    top: -5px;
    right: -10px;
}

.FormButtons {
    white-space: nowrap;
    position: relative;
    text-align: center;
}

    .FormButtons > * {
        width: 49%;
    }

.dialog-outer {
    position: fixed;
    z-index: 10000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.dialog-outer::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    opacity: 0.25;
    background-color: #555555;
    z-index: -1;
}

.dialog-outer > .dialog {
    position: absolute;
    display: flex;
    flex-direction: column;
    margin: auto;
    min-width: 300px;
    min-height: 300px;
    border-radius: 10px;
    background-color: #fff;
    left: 50%;
    top: 15%;
    transform: translateX(-50%);
    overflow: hidden;
    box-shadow: 2px 2px 2px rgba(0,0,0,.4);
    border: 1px solid #ccc;
}

.dialog-outer > .dialog > .dialog-header {
    flex: 0 1 auto;
    margin: 0;
    padding: 10px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

.dialog-outer > .dialog > .dialog-content {
    flex: 1 1 auto;
    padding: 10px;
    overflow: auto;
}

.dialog-outer > .dialog > .dialog-footer {
    flex: 0 1 auto;
    margin: 0;
    padding: 10px;
    white-space: nowrap;
    text-align: center;
}

.dialog-outer > .dialog > .dialog-footer > .btn {
    display: inline-block;
    width: auto;
    min-width: 150px;
}

.DebugInfo {
    display: inline-block;
    position: fixed;
    overflow: hidden;
    left: 2px;
    top: 2px;
    padding: 4px;
    height: auto;
    width: auto;
    max-height: 24px;
    max-width: 24px;
    color: transparent;
    opacity: .75;
    transition: opacity linear .5s, color linear .5s, max-width linear .5s, max-height linear .5s;
    background-color: yellow;
    border-radius: 5px;
    font-weight: bold;
    z-index: 2000;
}