/***************************************************************************
*
*	CSS For Benchmark Color Coding - customizable by state in DB:
*	Added with ELS Mods -RM
*
***************************************************************************/

.benchArea1{ background-color:#006699; color:#ffffff; } /*ELS Dark Blue*/
.benchSSet1{ background-color:#9fc5d9; color:#000000; }
.benchText1{ background-color:#ffffff; color:#006699; }
.elsStudentBarGraphCategoryArea1 { color: #9fc5d9 !important; }
.elsCatArea1 { background: #333; color: #9fc5d9 !important; }

                            .elsCatArea1button {
                                background: transparent url('/www/htmlarea/images/buttons/blackRight.png') no-repeat scroll top right;
                                display: block;
                                text-decoration: none;

                                padding-right: 5px;
                                margin-right: 4px;
                                font: 10px;
                                color: #9fc5d9;
                                height: 16px;
                                float: right;

                                cursor: default;
                            }

                            .elsCatArea1button span {
                                background: transparent url('/www/htmlarea/images/buttons/blackLeft.png') no-repeat;
                                display: block;
                                line-height: 14px;

                                padding: 2px 0 2px 6px;
                            }
                    
.benchArea2{ background-color:#2d81ab; color:#ffffff; } /*ELS Medium Blue*/
.benchSSet2{ background-color:#b6d3e2; color:#000000; }
.benchText2{ background-color:#ffffff; color:#2d81ab; }
.elsStudentBarGraphCategoryArea2 { color: #b6d3e2 !important; }
.elsCatArea2 { background: #333; color: #b6d3e2 !important; }

                            .elsCatArea2button {
                                background: transparent url('/www/htmlarea/images/buttons/blackRight.png') no-repeat scroll top right;
                                display: block;
                                text-decoration: none;

                                padding-right: 5px;
                                margin-right: 4px;
                                font: 10px;
                                color: #b6d3e2;
                                height: 16px;
                                float: right;

                                cursor: default;
                            }

                            .elsCatArea2button span {
                                background: transparent url('/www/htmlarea/images/buttons/blackLeft.png') no-repeat;
                                display: block;
                                line-height: 14px;

                                padding: 2px 0 2px 6px;
                            }
                    
.benchArea3{ background-color:#5b9dbe; color:#ffffff; } /*ELS Light Blue*/
.benchSSet3{ background-color:#9fc5d9; color:#000000; }
.benchText3{ background-color:#ffffff; color:#5b9dbe; }
.elsStudentBarGraphCategoryArea3 { color: #9fc5d9 !important; }
.elsCatArea3 { background: #333; color: #9fc5d9 !important; }

                            .elsCatArea3button {
                                background: transparent url('/www/htmlarea/images/buttons/blackRight.png') no-repeat scroll top right;
                                display: block;
                                text-decoration: none;

                                padding-right: 5px;
                                margin-right: 4px;
                                font: 10px;
                                color: #9fc5d9;
                                height: 16px;
                                float: right;

                                cursor: default;
                            }

                            .elsCatArea3button span {
                                background: transparent url('/www/htmlarea/images/buttons/blackLeft.png') no-repeat;
                                display: block;
                                line-height: 14px;

                                padding: 2px 0 2px 6px;
                            }
                    
.benchArea4{ background-color:#38af38; color:#ffffff; } /*ELS Dark Green*/
.benchSSet4{ background-color:#b4e1b4; color:#000000; }
.benchText4{ background-color:#ffffff; color:#38af38; }
.elsStudentBarGraphCategoryArea4 { color: #b4e1b4 !important; }
.elsCatArea4 { background: #333; color: #b4e1b4 !important; }

                            .elsCatArea4button {
                                background: transparent url('/www/htmlarea/images/buttons/blackRight.png') no-repeat scroll top right;
                                display: block;
                                text-decoration: none;

                                padding-right: 5px;
                                margin-right: 4px;
                                font: 10px;
                                color: #b4e1b4;
                                height: 16px;
                                float: right;

                                cursor: default;
                            }

                            .elsCatArea4button span {
                                background: transparent url('/www/htmlarea/images/buttons/blackLeft.png') no-repeat;
                                display: block;
                                line-height: 14px;

                                padding: 2px 0 2px 6px;
                            }
                    
.benchArea5{ background-color:#5b8d5b; color:#ffffff; } /*ELS Medium Green*/
.benchSSet5{ background-color:#c6e8c6; color:#000000; }
.benchText5{ background-color:#ffffff; color:#5b8d5b; }
.elsStudentBarGraphCategoryArea5 { color: #c6e8c6 !important; }
.elsCatArea5 { background: #333; color: #c6e8c6 !important; }

                            .elsCatArea5button {
                                background: transparent url('/www/htmlarea/images/buttons/blackRight.png') no-repeat scroll top right;
                                display: block;
                                text-decoration: none;

                                padding-right: 5px;
                                margin-right: 4px;
                                font: 10px;
                                color: #c6e8c6;
                                height: 16px;
                                float: right;

                                cursor: default;
                            }

                            .elsCatArea5button span {
                                background: transparent url('/www/htmlarea/images/buttons/blackLeft.png') no-repeat;
                                display: block;
                                line-height: 14px;

                                padding: 2px 0 2px 6px;
                            }
                    
.benchArea6{ background-color:#7fcc7f; color:#ffffff; } /*ELS Light Green*/
.benchSSet6{ background-color:#d8efd8; color:#000000; }
.benchText6{ background-color:#ffffff; color:#7fcc7f; }
.elsStudentBarGraphCategoryArea6 { color: #d8efd8 !important; }
.elsCatArea6 { background: #333; color: #d8efd8 !important; }

                            .elsCatArea6button {
                                background: transparent url('/www/htmlarea/images/buttons/blackRight.png') no-repeat scroll top right;
                                display: block;
                                text-decoration: none;

                                padding-right: 5px;
                                margin-right: 4px;
                                font: 10px;
                                color: #d8efd8;
                                height: 16px;
                                float: right;

                                cursor: default;
                            }

                            .elsCatArea6button span {
                                background: transparent url('/www/htmlarea/images/buttons/blackLeft.png') no-repeat;
                                display: block;
                                line-height: 14px;

                                padding: 2px 0 2px 6px;
                            }
                    
.benchArea7{ background-color:#ffcc00; color:#ffffff; } /*ELS Dark Yellow*/
.benchSSet7{ background-color:#ffec9f; color:#000000; }
.benchText7{ background-color:#ffffff; color:#ffcc00; }
.elsStudentBarGraphCategoryArea7 { color: #ffec9f !important; }
.elsCatArea7 { background: #333; color: #ffec9f !important; }

                            .elsCatArea7button {
                                background: transparent url('/www/htmlarea/images/buttons/blackRight.png') no-repeat scroll top right;
                                display: block;
                                text-decoration: none;

                                padding-right: 5px;
                                margin-right: 4px;
                                font: 10px;
                                color: #ffec9f;
                                height: 16px;
                                float: right;

                                cursor: default;
                            }

                            .elsCatArea7button span {
                                background: transparent url('/www/htmlarea/images/buttons/blackLeft.png') no-repeat;
                                display: block;
                                line-height: 14px;

                                padding: 2px 0 2px 6px;
                            }
                    
.benchArea8{ background-color:#ffd52d; color:#ffffff; } /*ELS Medium Yellow*/
.benchSSet8{ background-color:#fff1b6; color:#000000; }
.benchText8{ background-color:#ffffff; color:#ffd52d; }
.elsStudentBarGraphCategoryArea8 { color: #fff1b6 !important; }
.elsCatArea8 { background: #333; color: #fff1b6 !important; }

                            .elsCatArea8button {
                                background: transparent url('/www/htmlarea/images/buttons/blackRight.png') no-repeat scroll top right;
                                display: block;
                                text-decoration: none;

                                padding-right: 5px;
                                margin-right: 4px;
                                font: 10px;
                                color: #fff1b6;
                                height: 16px;
                                float: right;

                                cursor: default;
                            }

                            .elsCatArea8button span {
                                background: transparent url('/www/htmlarea/images/buttons/blackLeft.png') no-repeat;
                                display: block;
                                line-height: 14px;

                                padding: 2px 0 2px 6px;
                            }
                    
.benchArea9{ background-color:#ffdf5b; color:#ffffff; } /*ELS Light Yellow*/
.benchSSet9{ background-color:#fff5cc; color:#000000; }
.benchText9{ background-color:#ffffff; color:#ffdf5b; }
.elsStudentBarGraphCategoryArea9 { color: #fff5cc !important; }
.elsCatArea9 { background: #333; color: #fff5cc !important; }

                            .elsCatArea9button {
                                background: transparent url('/www/htmlarea/images/buttons/blackRight.png') no-repeat scroll top right;
                                display: block;
                                text-decoration: none;

                                padding-right: 5px;
                                margin-right: 4px;
                                font: 10px;
                                color: #fff5cc;
                                height: 16px;
                                float: right;

                                cursor: default;
                            }

                            .elsCatArea9button span {
                                background: transparent url('/www/htmlarea/images/buttons/blackLeft.png') no-repeat;
                                display: block;
                                line-height: 14px;

                                padding: 2px 0 2px 6px;
                            }
                    
.benchArea10{ background-color:#663399; color:#ffffff; } /*Dark Purple*/
.benchSSet10{ background-color:#c5b2d9; color:#000000; }
.benchText10{ background-color:#ffffff; color:#663399; }
.elsStudentBarGraphCategoryArea10 { color: #c5b2d9 !important; }
.elsCatArea10 { background: #333; color: #c5b2d9 !important; }

                            .elsCatArea10button {
                                background: transparent url('/www/htmlarea/images/buttons/blackRight.png') no-repeat scroll top right;
                                display: block;
                                text-decoration: none;

                                padding-right: 5px;
                                margin-right: 4px;
                                font: 10px;
                                color: #c5b2d9;
                                height: 16px;
                                float: right;

                                cursor: default;
                            }

                            .elsCatArea10button span {
                                background: transparent url('/www/htmlarea/images/buttons/blackLeft.png') no-repeat;
                                display: block;
                                line-height: 14px;

                                padding: 2px 0 2px 6px;
                            }
                    
.benchArea11{ background-color:#8157ab; color:#ffffff; } /*Medium Purple*/
.benchSSet11{ background-color:#d3c4e2; color:#000000; }
.benchText11{ background-color:#ffffff; color:#8157ab; }
.elsStudentBarGraphCategoryArea11 { color: #d3c4e2 !important; }
.elsCatArea11 { background: #333; color: #d3c4e2 !important; }

                            .elsCatArea11button {
                                background: transparent url('/www/htmlarea/images/buttons/blackRight.png') no-repeat scroll top right;
                                display: block;
                                text-decoration: none;

                                padding-right: 5px;
                                margin-right: 4px;
                                font: 10px;
                                color: #d3c4e2;
                                height: 16px;
                                float: right;

                                cursor: default;
                            }

                            .elsCatArea11button span {
                                background: transparent url('/www/htmlarea/images/buttons/blackLeft.png') no-repeat;
                                display: block;
                                line-height: 14px;

                                padding: 2px 0 2px 6px;
                            }
                    
.benchArea12{ background-color:#9d7cbe; color:#ffffff; } /*Light Purple*/
.benchSSet12{ background-color:#e1d7eb; color:#000000; }
.benchText12{ background-color:#ffffff; color:#9d7cbe; }
.elsStudentBarGraphCategoryArea12 { color: #e1d7eb !important; }
.elsCatArea12 { background: #333; color: #e1d7eb !important; }

                            .elsCatArea12button {
                                background: transparent url('/www/htmlarea/images/buttons/blackRight.png') no-repeat scroll top right;
                                display: block;
                                text-decoration: none;

                                padding-right: 5px;
                                margin-right: 4px;
                                font: 10px;
                                color: #e1d7eb;
                                height: 16px;
                                float: right;

                                cursor: default;
                            }

                            .elsCatArea12button span {
                                background: transparent url('/www/htmlarea/images/buttons/blackLeft.png') no-repeat;
                                display: block;
                                line-height: 14px;

                                padding: 2px 0 2px 6px;
                            }
                    
.benchArea13{ background-color:#cc0000; color:#ffffff; } /*Dark Red*/
.benchSSet13{ background-color:#ec9f9f; color:#000000; }
.benchText13{ background-color:#ffffff; color:#cc0000; }
.elsStudentBarGraphCategoryArea13 { color: #ec9f9f !important; }
.elsCatArea13 { background: #333; color: #ec9f9f !important; }

                            .elsCatArea13button {
                                background: transparent url('/www/htmlarea/images/buttons/blackRight.png') no-repeat scroll top right;
                                display: block;
                                text-decoration: none;

                                padding-right: 5px;
                                margin-right: 4px;
                                font: 10px;
                                color: #ec9f9f;
                                height: 16px;
                                float: right;

                                cursor: default;
                            }

                            .elsCatArea13button span {
                                background: transparent url('/www/htmlarea/images/buttons/blackLeft.png') no-repeat;
                                display: block;
                                line-height: 14px;

                                padding: 2px 0 2px 6px;
                            }
                    
.benchArea14{ background-color:#d52d2d; color:#ffffff; } /*Medium Red*/
.benchSSet14{ background-color:#f1b6b6; color:#000000; }
.benchText14{ background-color:#ffffff; color:#d52d2d; }
.elsStudentBarGraphCategoryArea14 { color: #f1b6b6 !important; }
.elsCatArea14 { background: #333; color: #f1b6b6 !important; }

                            .elsCatArea14button {
                                background: transparent url('/www/htmlarea/images/buttons/blackRight.png') no-repeat scroll top right;
                                display: block;
                                text-decoration: none;

                                padding-right: 5px;
                                margin-right: 4px;
                                font: 10px;
                                color: #f1b6b6;
                                height: 16px;
                                float: right;

                                cursor: default;
                            }

                            .elsCatArea14button span {
                                background: transparent url('/www/htmlarea/images/buttons/blackLeft.png') no-repeat;
                                display: block;
                                line-height: 14px;

                                padding: 2px 0 2px 6px;
                            }
                    
.benchArea15{ background-color:#df5656; color:#ffffff; } /*Light Red*/
.benchSSet15{ background-color:#f5cccc; color:#000000; }
.benchText15{ background-color:#ffffff; color:#df5656; }
.elsStudentBarGraphCategoryArea15 { color: #f5cccc !important; }
.elsCatArea15 { background: #333; color: #f5cccc !important; }

                            .elsCatArea15button {
                                background: transparent url('/www/htmlarea/images/buttons/blackRight.png') no-repeat scroll top right;
                                display: block;
                                text-decoration: none;

                                padding-right: 5px;
                                margin-right: 4px;
                                font: 10px;
                                color: #f5cccc;
                                height: 16px;
                                float: right;

                                cursor: default;
                            }

                            .elsCatArea15button span {
                                background: transparent url('/www/htmlarea/images/buttons/blackLeft.png') no-repeat;
                                display: block;
                                line-height: 14px;

                                padding: 2px 0 2px 6px;
                            }
                    
.benchArea16{ background-color:#ff6600; color:#ffffff; } /*Dark Orange*/
.benchSSet16{ background-color:#ffc59f; color:#000000; }
.benchText16{ background-color:#ffffff; color:#ff6600; }
.elsStudentBarGraphCategoryArea16 { color: #ffc59f !important; }
.elsCatArea16 { background: #333; color: #ffc59f !important; }

                            .elsCatArea16button {
                                background: transparent url('/www/htmlarea/images/buttons/blackRight.png') no-repeat scroll top right;
                                display: block;
                                text-decoration: none;

                                padding-right: 5px;
                                margin-right: 4px;
                                font: 10px;
                                color: #ffc59f;
                                height: 16px;
                                float: right;

                                cursor: default;
                            }

                            .elsCatArea16button span {
                                background: transparent url('/www/htmlarea/images/buttons/blackLeft.png') no-repeat;
                                display: block;
                                line-height: 14px;

                                padding: 2px 0 2px 6px;
                            }
                    
.benchArea17{ background-color:#ff812d; color:#ffffff; } /*Medium Orange*/
.benchSSet17{ background-color:#ffd3b6; color:#000000; }
.benchText17{ background-color:#ffffff; color:#ff812d; }
.elsStudentBarGraphCategoryArea17 { color: #ffd3b6 !important; }
.elsCatArea17 { background: #333; color: #ffd3b6 !important; }

                            .elsCatArea17button {
                                background: transparent url('/www/htmlarea/images/buttons/blackRight.png') no-repeat scroll top right;
                                display: block;
                                text-decoration: none;

                                padding-right: 5px;
                                margin-right: 4px;
                                font: 10px;
                                color: #ffd3b6;
                                height: 16px;
                                float: right;

                                cursor: default;
                            }

                            .elsCatArea17button span {
                                background: transparent url('/www/htmlarea/images/buttons/blackLeft.png') no-repeat;
                                display: block;
                                line-height: 14px;

                                padding: 2px 0 2px 6px;
                            }
                    
.benchArea18{ background-color:#ff9d5b; color:#ffffff; } /*Light Orange*/
.benchSSet18{ background-color:#ffe1cc; color:#000000; }
.benchText18{ background-color:#ffffff; color:#ff9d5b; }
.elsStudentBarGraphCategoryArea18 { color: #ffe1cc !important; }
.elsCatArea18 { background: #333; color: #ffe1cc !important; }

                            .elsCatArea18button {
                                background: transparent url('/www/htmlarea/images/buttons/blackRight.png') no-repeat scroll top right;
                                display: block;
                                text-decoration: none;

                                padding-right: 5px;
                                margin-right: 4px;
                                font: 10px;
                                color: #ffe1cc;
                                height: 16px;
                                float: right;

                                cursor: default;
                            }

                            .elsCatArea18button span {
                                background: transparent url('/www/htmlarea/images/buttons/blackLeft.png') no-repeat;
                                display: block;
                                line-height: 14px;

                                padding: 2px 0 2px 6px;
                            }
                    

/****************** END Benchmark CSS Variables ***************************/

.menuItemDescription {
	/*padding-left:13px;*/
	padding-left:0px;
    font-size: 1.1rem;
    line-height: 1.3;
}



.footerText {
color:#FFFFFF;
font-size: 0.7rem;
}

.footerTD {
padding:8px;
}



.selectorTD {
	padding-left:5px;
	padding-top:3px;
	padding-right:5px;
	padding-bottom:3px;
	background-color : #FFFFFF;
	line-height: 1em;
}

.selectorTDSelected {
	padding-left:5px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	background-color : #819A45;
	line-height: 1em;

}

.notRead {
	color: #CCCCCC;
}

.breadcrumb {
    font-size: 0.8rem !important;
    display: inline-block !important;
}

.breadcrumb-link {
    font-size: 0.8rem !important;
}

.thLink {
	color: #FFFFFF;
    font-weight: bold;
}

.thLink:visited {
	color: #FFFFFF;
}

.whiteLink {
	color: #FFFFFF;
    font-weight: normal;
    text-decoration:underline;
}
.whiteLink:hover {
	color: #000000;
    font-weight: normal;
    text-decoration:underline;
}
.whiteLink:visited {
	color: #FFFFFF;
    font-weight: normal;
}


.thLink:hover {
	color: #CCCCCC;
    text-decoration: none;
}

.frontPageLabel {

	color: #FFFFFF;
}

.scale {
font-size: 0.8em;

}

/*******************************************************************************/
/*                                  LAYOUT CSS                                 */
/*******************************************************************************/
html { font-size: 100%; /* IE hack */ }

body {
    margin: 5px;
    padding: 0;
    font-size: 0.9em;
    color: BLACK;
    font-family: Arial;
}

body.help
{
margin: 10px;
  background-color : #FFFFFF;
  color : #000000;
  line-height : normal;
  font-size : 12px;
  font-family : Arial, sans-serif;


}
td, th {
    padding: 0px 0 0 0px;
    padding-left:4px;
    padding-right:4px;
}

.plainTD {
	padding: 0px 0 0 0px;
    padding-left:0px;
    padding-right:0px;
}

.headerTD {
padding-left:0px;
    padding-right:0px;
  padding-top:0px;

}

.tdTemp {
padding-left:0px;
padding-top:0px;
    padding-right:0px;

}

.tdTopPad {
padding-left:0px;
padding-top:4px;
    padding-right:0px;

}

th {
    background-color:#0089D0;

    color: WHITE;
    font-size: 1.0em;
    letter-spacing: 0.1px;

    line-height: 1.75em;
}

.thThin {
    background-color:#5D768C;

    color: WHITE;
    font-size: 1.0em;
    letter-spacing: 0.1px;

    line-height: 1.0em;
}

.thThin2 {
    background-color:#666666;

    color: WHITE;
    font-size: 1.0em;
    letter-spacing: 0.1px;

    line-height: 1.3em;
}


.thSub {

	background-color:#EBF0FE;

    color: BLACK;
    font-size: 1.1em;
    letter-spacing: 0.1px;

    line-height: 1.75em;

}

.thWhite {
	color: #FFFFFF;
    font-weight: bold;
    line-height: 1.75em;
}

input, select, textarea {
    font-family: verdana;
    font-size: 0.9em;
}

select {
	width:220px;
}


select.correctIncorrect {
	width:45px;
}

select.spellLetters {
	width:40px;
}

.accountManagerInput
{
	font-family: verdana;
    font-size: 0.9em;
    width:260px;
}
.formInput
{
	font-family: verdana;
    font-size: 0.9em;
    width:260px;
}

.selectedLetter {
	font-size: 1.1em;
    font-weight: bold;
}

/******************************* LAYOUT : HEADER *******************************/

#sgl-header {
    background-color: #FFFFFF;
    height: 50px;
    margin: 0;
    padding: 0;

}
#sgl-header-left {
    float: left;
    margin: 0;
    padding: 0px 0 0px 0px;
    color: BLACK;
}
#sgl-header-left img {
    vertical-align: middle;
}
#sgl-header-center {
    horizontal-align: center;
    text-align:center;
}

#sgl-header-right {
    float: right;
    padding: 0px 0px 0 0;
    text-align: right;
    font-size: 0.8em;
    color: BLACK;
}


.headerRight {
  text-align: right;
  padding: 0px 0px 0 0;
    font-size: 0.8em;
    color: BLACK;

}


#sgl-header-right a {
    color: BLACK;
    cursor: pointer;
    text-decoration: none;
}
#sgl-header-right a:hover {
    color: BLACK;
    cursor: pointer;
    text-decoration: underline;
}
#sgl-header-right img {
    /* image next to login-logout link */
    margin-left: 0px;
    margin-right: 0px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

/***************************** LAYOUT : NAVIGATION *****************************/

#sgl-nav {
    font-size: 0.75em;
}

/***************************** LAYOUT : TABLES *********************************/

table {
	font-size: 100%; /* IE hack */
    border: none;
/* This is not a typo, we want first set a fallback for IE, then set the
real margin for real browsers ;) */
    margin: 0 0%;
    margin: 0 auto;

}

.navMenuIconDescriptionTD {
    /*font-size:14px;*/
    font-size: 1.1rem;
}

.navMenuIconDescriptionTD a {
    line-height: 1.75;
}

.navMenuIconDescriptionTD {
    vertical-align: top !important;
}

.draftTable {

padding:5px;
width:660px;
}

.draftTableTD {
    padding: 3px;
}
.draftTableTD1 {
    padding: 3px;
    color:BLACK;
    font-weight: bold;

}
.draftTableTD2 {
    padding: 3px;
    color:BLACK;
    font-weight: bold;
    padding-left:15px;
}
.draftTableTD3 {
    padding: 3px;
    color:BLACK;
    padding-left:30px;
}
.draftTableTD4 {
    padding: 3px;
    color:BLACK;
    padding-left:45px;
}

#imRead {
    background-color: #c6c6c6;
}
#moduleOverview {
    width: 250px;
    height: 125px;
}


    .wide {
    width: 960px;
    }

.narrow {
    width: 450px;
}

.narrow2 {
    width: 460px;
}

.sgl-row-light {
    background-color: #ffffff;
}
.sgl-row-dark {
    background-color: #EEEEEE;
}

.snapshot-row-dark {
    background-color: #FAFDF0;
}

.table2 {
	width: 745px;
	border: solid;
}

/****************************** LAYOUT : MAIN **********************************/

#sgl-main {
    top: 0px;
}

/************************ LAYOUT : LEFT & RIGHT BLOCKS *************************/

#sgl-blocks-left, #sgl-blocks-right {
    position: absolute;
    margin-top: 0px;
    top: 0;
    z-index:1;
}
#sgl-blocks-left {
    width: 0px;
    left: 0;
}
#sgl-blocks-right {
    width: 0px;
    right: 0;
}
.options-block {
    margin: 20px 0;
}
div.sgl-blocks-left-item {
    padding: 4px 0 0 1px;
}
div.sgl-blocks-right-item {
    padding: 4px 1px 0 0;
}
.sgl-blocks-left-item-title, .sgl-blocks-right-item-title {
    background-color: #FFFFFF;
    font-size: 1.0em;
    line-height: 1.5em;
    font-weight: bold;
    color: BLACK;
    text-align: center;
    border: 1px solid #bbbbbb;
    margin: 0;
}
div.sgl-blocks-left-item-body, div.sgl-blocks-right-item-body {
    background-color: #FAFDF0;
    font-size: 0.85em;
    color: BLACK;
    padding: 5px 0 5px 10px;
    border-right: 1px solid #bbbbbb;
    border-left: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
}

/*************************** LAYOUT : MIDDLE BLOCKS ****************************/

#sgl-blocks-middle, #sgl-blocks-middle-nocols, #sgl-blocks-middle-leftcol, #sgl-blocks-middle-rightcol {
    position: relative;
    margin: 0 0px 0 0px;
    width: auto;
    min-width: 20%;
    font-size: 0.85em;
    z-index: 2;
    padding: 0 20px 0 20px;
}
#sgl-blocks-middle #leadArticle {
    float: left;
    width: 69%;
    margin: 0;
    padding: 0 0 0 20px;
}
#sgl-blocks-middle #options {
    float: right;
    width: 28%;
}
#sgl-blocks-middle-nocols {
    margin: 0;
}
#sgl-blocks-middle-leftcol {
    margin: 0 0 0 0px;
}
#sgl-blocks-middle-rightcol {
    margin: 0 0px 0 0;
}

div.sgl-blocks-middle-title {
    color: BLACK;
    background-color: #FFFFFF;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: center;
}
div.sgl-blocks-middle-body {
    background-color: #ffffff;
    color: BLACK;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    text-align: center;
}

/*Holly Hack here so that tooltips don't act screwy: http://www.positioniseverything.net/explorer/threepxtest.html*/
/* Hide next from Mac IE plus non-IE \*/
* html #sgl-blocks-middle {
    height: 1%;
}
/* End hide from IE5/mac plus non-IE */

/******************************* LAYOUT : FOOTER *******************************/

#sgl-footer {
    position: relative;
    float: middle;
    clear: both;
    margin-bottom: 5px;
    padding-top: 10px;
    font-size: 0.7em;
    text-align: center;
}

/*******************************************************************************/
/*                                 CONTENT CSS                                 */
/*******************************************************************************/

/***************************** CONTENT : HEADINGS ******************************/
h1 {
    font-size: 2em;
    font-weight: normal;
}
h1.pageTitle {
    font-weight: normal;
    text-align: center;
    color: BLACK;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.25em;
}
h4 {
    font-size: 1.0em;
}
.pageTitle {
    color: BLACK;
    font-size: 1.75em;
    font-weight: normal;
}

/***************************** CONTENT : ANCHORS *******************************/

a {
    color: #5D768C;
    font-weight: bold;
}
.aLabel {
	color: #819A45;
    font-weight: bold;

}

.reportBarColor1 {

	color: #D25428;
}

.reportBarColor2 {

	color: #CC9900;
}

.reportBarColor {
	color: #00CC00;
}


a:visited {
    color: #5D768C;
}
a:hover {
    color: #C0D3D8;
    text-decoration: none;
}

.sortheader {
	color:WHITE;
}
.sortheader:hover {
    color: #CCCCCC;
    text-decoration: none;
}
.sortheader:visited {
    color: WHITE;
}

.draftLink {
	color:BLACK;
	font-weight: normal;
	text-decoration:none;
}
.draftLink:hover {
    text-decoration: underline;
}
.draftLink:visited {
   color:BLACK;
}

/******************************* CONTENT : BLOCKS ******************************/

img.blocksAvatar {
    /* move the image up to be flush with bottom of title */
    position: relative;
    top: -5px;
    float: right;
    padding-left: 5px;
    align: left;
}

/*************************** CONTENT : MISCELLANEOUS ***************************/

acronym {
    cursor: help;
}
hr {
    border: none;
    border-bottom: 1px solid #d9d9d9;
}
img {
    border: none;
}
p.alignCenter {
    text-align: center;
}
.error {
    color: #ff0000;
    background: transparent;
}
.primary {
    background-color: #FFFFFF;
}
.secondary {
    background-color: #9dcdfe;
}
.strong {
    font-weight: bold;
}
.strongTall {
    font-weight: bold;
    line-height: 1.75em;
}
.tertiary {
    background-color: #d9d9d9;
}
.title {
    color: #999999;
    font-weight: normal;
    font-size: 1.5em;
}
.detail {
    color: #999999;
    font-weight: normal;
    font-size: .8em;
}
/*************************** MODULE: PUBLISHER *********************************/

#publisher-nav {
    position: absolute;
    left: 5px;
/*FIXME: having fixed values is generally a bad idea, please move to %.
There's a lot of that here :((*/
    width: 210px;
    overflow: auto;
    border: 1px dashed #ff9600;
}

.sectionHeader {
    font-size: 1.3em;
    font-weight: normal;
    color: BLACK;
    background-color: #d9d9d9;
    padding-left: 10px;
    line-height: 34px;
    letter-spacing: 1px;
    margin: 0;
}
.sectionHeaderAdmin {
    font-size: 1.20em;
    font-weight: normal;
    color: BLACK;
    background-color: #80b4e4;
    padding-left: 10px;
    line-height: 34px;
    letter-spacing: 1px;
}
.colHeader {
    color: #184a84;
    background-color: #e7e7e7;
    font-size: 11px;
    line-height: 20px;
    font-weight: normal;
    padding-left: 10px;
    letter-spacing: 0.5px;
    margin: 2px 0 0 0;
}
.colHeaderAdmin {
    color: #184a84;
    background-color: #80b4e4;
    font-size: 11px;
    line-height: 20px;
    font-weight: normal;
    padding-left : 10px;
    letter-spacing: 0.5px;
}
.navigator {
    color: #bbbbbb;
    background-color: #666666;
    padding-left: 10px;
    font-weight: bold;
    text-align: right;
    line-height: 18px;
}

/* /////////////// Article Manager /////////////// */
.forApproval {
    font-weight: bold;
    color: #ff0000;
}
.approved {
    font-weight: bold;
    color: #ff9933;
}
.published {
    font-weight: bold;
    color: #00cc00;
}
.archived {
    font-weight: bold;
    color:  #909090;
}

/*******************************************************************************/
/*                                  LEGACY CSS                                 */
/*                                                                             */
/* Note: I am removing elements from here as I replace them with new CSS       */
/*       elements above.  Eventually, there shouldn't be any CSS left here.    */
/*******************************************************************************/

/* /////////////// Nav tabs /////////////// */

.menuHolder {
    background-color: #FFFFFF;
}
.menuHolderAlt {
    background-color: #FAFDF0;
}

/* /////////////// Table modifiers  /////////////// */

.fieldName, .fieldNameWrap {
    background-color: #EEEEEE;
    color: BLACK;
    font-weight: bold;
    text-align: right;
    vertical-align:top;
    width: 30%;
    /*padding-right:3px;*/
    padding: 6px;
    font-family: Helvetica;
}
.fieldName {
    white-space: nowrap;
}
.fieldValue {
    background-color: #ffffff;
    line-height: 16px;
    text-align: left;
    width: 65%;
}
.newsItem {
    border: 1px solid #aaaaaa;
    margin: 0 auto;
    padding: 0 0 0 10px;
    background-color: #ffffcc;
}
fieldset {


}
legend {
    color: BLACK;
    font-weight: bold;
}

/* /////////////// Links  /////////////// */

a.blueDk {
    font-size: 9px;
    color: #9dcdfe;
    font-weight: bold;
    text-decoration: underline;
}
a.blueDk:hover {
    color: BLACK;
}
.linkCrumbs {
    text-decoration: none;
    font-size: 11px;
    color: BLACK;
    font-weight: normal;
    letter-spacing: 0.5px;
}
.linkCrumbs:hover {
    text-decoration: underline;
    color: #ffffff;
}
.linkCrumbsAlt1 {
    text-decoration: none;
    color: BLACK;
    font-weight: normal;
    letter-spacing: 0.5px;
}
.linkCrumbsAlt1:hover {
    text-decoration: underline;
    color: BLACK;
}

/* /////////////// Various /////////////// */

div.pinstripe table {
    background-color: #e7e7e0;
    width: 90%;
}
div.pinstripe td {
    background-color: #ffffff;
}
div.pinstripe img {
    padding: 10px;
   /* border: 10px solid #00ff00; */
}
div.pinstripe button {
    padding: 10px 0;
}
.noBorder {
    border: none;
    font-size: 10px;
}
.colTxtGray {
    font-size: 10px;
    color: #666666;
}
ul.special {
    margin-left: 10px;
    padding-left: 5px;
}
ul.noindent {
    margin-left: 5px;
    padding-left: 5px;
}
li.special {
    margin-left: 5px;
    padding-left: 5px;
}
div.bullets li {
    list-style-image: url('https://www.myelsonline.com/www/themes/default/images/bullet.gif');
}
.pager {

    white-space: nowrap;
    text-align: center;
    width: 90%;
    margin: 0 auto;

}

#resource-chooser {
    background-color: #ffffcc;
    white-space: nowrap;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    border: 1px dashed #ff9600;
}

.narrowButton {
    text-align: center;
    width: 100px;
}
.wideButton {
    text-align: center;
    width: 150px;
}

.simpleSelect {

width:60px;
}

.monthSelect {

width:136px;
}
.message {
    color:RED;
  	font-weight:bold;
    text-align: center;

}
.messageContainer {
    margin: 0 auto;
    width: 300px;
}
.messageErrorTitle {
    background-color: #ffcc00;
    color: #ffffcc;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}
.messageError {
    border: 1px dotted #ff9600;
    border-top: 1px solid #ffcc00;
    color: #999999;
    background-color: #ffff99;
    text-align: left;
    padding: 0 0 0 10px;
}
.treeMenuDefault {
    font-size: 11px;
}
.bgnd {
    background-color: #e5f1ff;
    border: 1px solid #aaaaaa;
}



.HelpH1,.HelpH2 {

  color : #000000;

  line-height : 18px;

  text-decoration : none;

  font-size : 14px;

  font-family : Arial, sans-serif;

}



/* required */

.HelpH2 {

  font-weight : bold;

}



.bluehelp {

  font-weight : bold;

  color : #0000EE;

}

.siteAnnouncementsHeader {
	/*font-size : 15px;*/
    font-size: 1.25rem;
	color : #D25428;
	font-weight : bold;
}

.siteAnnouncements {
	padding-top:3px;
	padding-left:0px;
	/*font-size : 11px;*/
    font-size: 1rem;
    line-height: 1.5;
}

.summaryData {
	color : #FFFFFF;
	font-size : 12px;
	padding-top:5px;
	padding-left:5px;
	line-height : 16px;
}

.periodWarning {

	color : #FFFFFF;
	font-size : 12px;
	padding-top:5px;
	padding-left:5px;
	line-height : 16px;
	font-weight : bold;

}

/* /////////////// Tooltips /////////////// */

span.tipOwner {
    position: relative;
    cursor: hand;
    text-decoration: none;
    float: right;
}
span.tipOwner span.tipText {
    display: none;
    position: absolute;
    top: 0;
    left: 105%;
    border: 1px solid #00ccff;
    background-color: #FAFDF0;
    color: #000000;
    font-size: 100%;
    text-align: center;
    width: 13em;
    -moz-opacity: 0.85;
    filter: alpha(opacity=85);
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85);
}

/*show/hide: for IE via .htc file, for non-IE via :hover pseudo*/
span.tipOwner:hover span.tipText {
    display: block;
}
span.tipOwner {
    behavior: url(themes/default/css/tooltipHover.htc);
}


/* root element for tabs  */
ul.css-tabs {
	margin:0 !important;
	padding:0;
	/*height:30px;*/
	/*border-bottom:1px solid #666;*/
}

.css-panes .elsOfficialBackground0, .css-panes .elsOfficialBackground1, .css-panes .elsOfficialBackground2, .css-panes .elsOfficialBackground3, .css-panes .elsOfficialBackground4 {
    border: 1px solid rgb(102, 102, 102);
}

/* single tab */
ul.css-tabs li {
    display: inline-block;
	/*float:left;*/
	padding:0;
	/*margin:0;*/
    /*margin-right: 4px;*/
	list-style-type:none;
}

/* link inside the tab. uses a background image */
ul.css-tabs a {
	/*float:left;*/
	/*font-size:13px;*/
    font-size: 1.25rem;
	display:inline-block;
	padding:6px 30px;
	text-decoration:none;
	border:1px solid #666;
	border-bottom:0px;
	/*height:18px;*/
	background-color:#d0e0e0;
	color:#777;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}

/* selected tab */
ul.css-tabs a.current {
	background-color:#fff;
	border-bottom:1px solid #fff;
	color:#000;
	cursor:default;
}

/* 2011.11.08 */
ul.css-tabs a, ul.css-tabs a:visited, ul.css-tabs a:hover, ul.css-tabs a:link, ul.css-tabs a:active,
div.css-panes div a, div.css-panes div a:visited, div.css-panes div a:hover, div.css-panes div a:link, div.css-panes div a:active,
.mainMenu a, .mainMenu a:visited, .mainMenu a:hover, .mainMenu a:link, .mainMenu a:active {
    color: #000;
}

/* tab pane */
div.css-panes div {
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	/*padding:15px 20px;*/
    padding: 15px 12px;
	background-color:#fff;
}





/*******************************************************************************
 *      begin                        ELS CSS                                   *
 *******************************************************************************/


/* ***** main menu ***** */
.elsOfficialBackground0, .elsOfficialBackground0 a {
    background: #F7941E !important;
}

.elsOfficialBackground1, .elsOfficialBackground1 a {
    background: #FFCB08 !important;
}

.elsOfficialBackground2, .elsOfficialBackground2 a {
    background: #7DD3F7 !important;
}

.elsOfficialBackground3, .elsOfficialBackground3 a {
    background: #A6CE39 !important;
}
.elsOfficialBackground4, .elsOfficialBackground4 a {
    background: #CCCCCC !important;
}


.elsAdminTabBackground {
	background: #7DD3F7 !important;
}

.elsAdminTabAllBack{
	background: #F7941E !important;
}

.elsOfficialBackground0 a.current {
   border-bottom: 1px solid #F7941E !important;
}

.elsOfficialBackground1 a.current {
   border-bottom: 1px solid #FFCB08 !important;
}

.elsOfficialBackground2 a.current {
   border-bottom: 1px solid #7DD3F7 !important;
}

.elsOfficialBackground3 a.current {
   border-bottom: 1px solid #A6CE39 !important;
}

.elsOfficialBackground4 a.current {
   border-bottom: 1px solid #CCCCCC !important;
}
.css-tabs .elsOfficialBackground0, .css-tabs .elsOfficialBackground1, .css-tabs .elsOfficialBackground2, .css-tabs .elsOfficialBackground3, .css-tabs .elsOfficialBackground4 {
    background: none !important;
}

div.css-panes div {
    border: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

div.css-panes div a {
    color: #000;
}

.css-tabs li a {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

ul.css-tabs, ul.css-tabs a {
    /*border: none;*/
}

.elsDisabledOption * {
    cursor: default !important;
    opacity: 0.70 !important;
    -moz-opacity: 0.70 !important;
    filter: alpha(opacity=70) !important;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70) !important;
}

/* ***** main menu ***** */


/* ***** entry ***** */

.elsStrand { background: #fff; }
.elsCategory { font-size: 20px; text-transform: capitalize; padding: 6px; }
.elsItem { font-size: 16px; padding: 2px 0 2px 8px; }
.elsSide { font-size: 10px; padding: 2px 0 2px 8px; margin:0px; }
.elsStrand table { border: 0; padding: 0; margin: 0; }
.elsStrand td { min-width: 210px; vertical-align: top; }
.elsStrandSpacer { width: 40px; }
.elsStrandName { font-size: 12px; padding: 2px 0 0 4px; width: 220px; }
.elsStrandScoreNumber { font-size: 16px; text-align: center; }
.elsStrandScoreDescription { font-size: 12px; }

.elsCat1 { background: #069; color: #fff; }
.elsCatB1 { border: 1px solid #069; cursor: pointer; }
/* .elsCatB1 .elsStrandScore1, .elsCat1 .elsNumberOfObs { background: #fff; color: #069; } */
.elsCatB1 .elsStrandScore3 { background: #2FBBFF; color: #fff; }
.elsCatB1 .elsStrandScore5 { background: #069; color: #fff; }
.elsCatB1 .elsStrandScoreDescription { background: #fff; color: #069; }
.elsCatBB1 { border-bottom: 1px solid #069; }

.elsCat2 { background: #38AF38; color: #fff; }
.elsCatB2 { border: 1px solid #38AF38; cursor: pointer; }
/* .elsCatB2 .elsStrandScore1, .elsCat2 .elsNumberOfObs { background: #fff; color: #38AF38; } */
.elsCatB2 .elsStrandScore3 { background: #98DE98; color: #fff; }
.elsCatB2 .elsStrandScore5 { background: #38AF38; color: #fff; }
.elsCatB2 .elsStrandScoreDescription { background: #fff; color: #38AF38; }
.elsCatBB2 { border-bottom: 1px solid #38AF38; }

.elsCat3 { background: #fc0; color: #000; }
.elsCatB3 { border: 1px solid #fc0; cursor: pointer; }
/* .elsCatB3 .elsStrandScore1, .elsCat3 .elsNumberOfObs { background: #fff; color: #000; } */
.elsCatB3 .elsStrandScore3 { background: #FFE79B; color: #000; }
.elsCatB3 .elsStrandScore5 { background: #fc0; color: #fff; }
.elsCatB3 .elsStrandScoreDescription { background: #fff; color: #000; }
.elsCatBB3 { border-bottom: 1px solid #fc0; }

    .elsCat4 { background: #6A0888; color: #fff; }
    .elsCatB4 { border: 1px solid #6A0888; cursor: pointer; }
    /* .elsCatB4 .elsStrandScore1, .elsCat3 .elsNumberOfObs { background: #000; color: #fff; } */
    .elsCatB4 .elsStrandScore3 { background: #8A0886; color: #fff; }
    .elsCatB4 .elsStrandScore5 { background: #6A0888; color: #fff; }
    //.elsCatB4 .elsStrandScoreDescription { background: #fff; color: #fff; }
    .elsCatB4 .elsStrandScoreDescription { background: #fff; color: #000; }
    .elsCatBB4 { border-bottom: 1px solid #6A0888; }

.elsCatArea { background: #333; }
.elsCatBArea { border: 1px solid #333; }

.elsSelected { background: #f60 !important; color: #fff !important; }

.redButton { cursor: pointer; background: #700 url('/www/htmlarea/images/buttons/redButRepeatBG.png') repeat-x; border: 1px solid #f00; color: #fff; font-size: 16px; border-radius: 8px; }
.greenButton { cursor: pointer; /*padding:0px 5px;*/ background: #070 url('/www/htmlarea/images/buttons/greenButRepeatBG.png') repeat-x; border: 1px solid #0f0; color: #fff; font-size: 16px; border-radius: 8px; z-index: 100000; }
.greyButton { cursor: default; background: #777 url('/www/htmlarea/images/buttons/greyButRepeatBG.png') repeat-x; border: 1px solid #ccc; color: #fff; font-size: 16px; border-radius: 8px; }
.smallerButton { font-size: 12.5px; padding: 0 -4px; margin: 0; }
.whiteSpace { margin-bottom:1px; }
.leftText {text-align:left; align:left;}
.elsFloatR{float:right;}
.elsFloatL{float:left;}
.elsClear{clear:both};

a.greenButton { padding: 4px; text-decoration: none; color: #fff; }

a.toggLink{position:relative; left:10px; z-index:2000;}

/*Special Sauce - Clearing div inside div*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {/*display: inline-block;*/}  /* for IE/Mac */

<!-- main stylesheet ends, CC with new stylesheet below... -->

/*End Special Sauce*/

.marginRight25 {margin-right:25px;}
.marginTopBot {margin:10px 0px;}
.wide95 { width:95%; }
.wide100 { width:100%; }

/* .elsNumberOfObs { padding: 2px 4px; margin: 8px 8px 0 8px; /*float: right;*//* margin: 0; } */
.elsButton { cursor: pointer; }
.headExpander{
	/*margin:1px 0px;
	width:515px;
	font-family:Helvetica, Tahoma, Arial;*/
    padding: 5px 0px;
	cursor:pointer;
    z-index:0;
}
.boxExpander { padding-left:20px; display:none; text-align:right;}
.boxExpander2 { padding-left:20px; /*display:block;*/ text-align:right;}

#photo {
    border: 8px solid #666;
    background: #fff;
    position: fixed;
    z-index: 2001;
    top: 50%;
    left: 50%;
    margin-top: -120px;
    margin-left: -160px;
    height: 240px;
    width: 320px;
    text-align: center;

    border-top-left-radius: 15px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

#photo img {
    margin-top: 30px;
}

.nicEdit-main {
    height: 295px !important;
    overflow: scroll !important;
}

#fade, #behindPhoto, #behindLoadingBox {
	/*position: absolute;*/
        position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
}
#behindPhoto {
    z-index: 2000;
}
#light, #loadingBox {
	/*position: absolute;*/
        position: fixed;
  	top: 50%;
 	left: 50%;
  	margin-top: -228px;
  	margin-left: -378px;

	width: 700px;
	height: 400px;
	padding: 20px;
	border: 8px solid #666666;
	background-color: white;
	z-index:1002;
	/*overflow: auto;*/
	text-align:left;

        border-top-left-radius: 15px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
}

#closeButton, #closeButton2 {
        /*position: absolute;*/
        position: fixed;
  	top: 50%;
 	left: 50%;
  	margin-top: -258px;     /* #light margin-top minus 30px */
  	margin-left: 308px;     /* absolute value of #light marginleft minus 70px */
        background: #666666;
        height: 25px;
        padding-top: 5px;
        width: 70px;
        text-align: center;
        z-index: 2012;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
}

/* ***** entry ***** */


/* ***** report ***** */

.elsReportTable, .elsReportTr, .elsReportTd {
        margin: 0;
        padding: 0;
        border: none;
}
.elsReportTd {
        text-align: center;
        font: 13px Verdana, Helvetica, sans-serif;
}
/*.elsReportTd .elsReportTable,*/ .elsReportColumn {
        border-left: 1px solid #fff;
}

.elsReportTd {
    vertical-align: top;
}

.elsReportName {
        width: 150px;
        background: #ccc;
        color: #333;
        text-align: left;
        padding: 2px 2px 2px 4px;
        vertical-align: top;
}
.elsReportRow {
        border-top: 1px solid #fff;
}
.elsReportName img {
        float: right;
}

.elsSubmittedForPeriodCount {
    float: right;
    padding: 1px 2px;
    margin: 0 20px 5px 50px;
    border: 1px solid #000;
    border-radius: 4px;
}

.elsSubmittedForPeriodCountRed {
    background: #f00;
    color: #fff;
}

.elsSubmittedForPeriodCountGreen {
    background: #38AF38;
    color: #fff;
}

.elsSubmittedForPeriodCountWhite {
    background: #fff;
    color: #000;
}

.elsSubmittedForPeriodCountKey {
    float: none;
    width: 15px;
    height: 15px;
    display: inline;
}


.elsReportHeader {
        vertical-align: bottom;
        padding-bottom: 1px;
        padding-bottom: 0;  /* changed this as white line now extends all the way down row and can't have an extra space there */
}
.elsReportHeader * {
    margin: 0;
    padding: 0;
    border: 0;
}
.elsReportHeaderItemStrand {
    width: 12px !important;
    padding: 0px 2px 0px 2px !important;
}
.elsReportStrandWidth {
        width: 11px;
        padding: 2px 2px;
}
.elsReportAverage {
        color: #fff;
        font-size: 15px;
        padding: 4px 0;
}
.elsCategoryText {
    font-size: 16px;
    padding: 6px 3px 9px 3px;
}
.elsReportStrand {
        border-left: 1px solid #eee;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        border-right: none;
        font-size: 13px;
        border-top: none;   /* changed this as white line now extends all the way down row */
}
.elsReportHelp {
    text-align: left;
    padding: 0;
}
.elsReportHelp .elsHelpIcon {
    float: none;
    padding: 0;
    writing-mode:
    transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
}

.itemEntry {
    width: 180px;
    margin-top: 5px;
    padding: 0px;
}

.itemEntryHelp {
    width: 20px;
    margin-top: 5px;
    padding: 0px;
}

.itemTitle {
    margin-top: 5px;
    margin-left: 25px;
}

/* math/science */
.elsReportItem1, .elsReportItem2, .elsReportItem3, .elsReportItem4,
.elsReportHeaderCat1Item, .elsCategory1text {
        background: #069;
}
.elsReportItem1 .elsReportScore1, .elsReportItem2 .elsReportScore1, .elsReportItem3 .elsReportScore1, .elsReportItem4, .elsReportScore1,
.elsReportItem1 .elsReportScore0, .elsReportItem2 .elsReportScore0, .elsReportItem3 .elsReportScore0, .elsReportItem4, .elsReportScore0,
.elsReportHeaderCat1ItemStrand {
        background: #fff;
        color: #069;
}
.elsReportItem1 .elsReportScore3, .elsReportItem2 .elsReportScore3, .elsReportItem3 .elsReportScore3, .elsReportItem4, .elsReportScore3 {
        background: #2FBBFF;
        color: #fff;
}
.elsReportItem1 .elsReportScore5, .elsReportItem2 .elsReportScore5, .elsReportItem3 .elsReportScore5, .elsReportItem4, .elsReportScore5,
.elsCategory1text {
        color: #fff;
}
        /* BELOW IS TO OVERRIDE ABOVE SETTINGS AND MAKE EVERYTHING SOLID */
	.elsReportItem1 .elsReportScore2, .elsReportItem2 .elsReportScore2, .elsReportItem3 .elsReportScore2, .elsReportItem4, .elsReportScore2,
	.elsReportItem1 .elsReportScore4, .elsReportItem2 .elsReportScore4, .elsReportItem3 .elsReportScore4, .elsReportItem4, .elsReportScore4,

        .elsReportItem1 .elsReportScore1, .elsReportItem2 .elsReportScore1, .elsReportItem3 .elsReportScore1, .elsReportItem4, .elsReportScore1,
        .elsReportItem1 .elsReportScore0, .elsReportItem2 .elsReportScore0, .elsReportItem3 .elsReportScore0, .elsReportItem4, .elsReportScore0,
        .elsReportItem1 .elsReportScore3, .elsReportItem2 .elsReportScore3, .elsReportItem3 .elsReportScore3, .elsReportItem4, .elsReportScore3 {
            background: #069;
            color: #fff;
        }
/* math/science */


/* social */
.elsReportItem5, .elsReportItem6,
.elsReportHeaderCat2Item, .elsCategory2text {
        background: #38AF38;
}
.elsReportItem5 .elsReportScore1, .elsReportItem6 .elsReportScore1,
.elsReportItem5 .elsReportScore0, .elsReportItem6 .elsReportScore0,
.elsReportHeaderCat2ItemStrand {
        background: #fff;
        color: #38AF38;
}
.elsReportItem5 .elsReportScore3, .elsReportItem6 .elsReportScore3 {
        background: #98DE98;
        color: #fff;
}
.elsReportItem5 .elsReportScore5, .elsReportItem6 .elsReportScore5,
.elsCategory2text {
        color: #fff;
}
        /* BELOW IS TO OVERRIDE ABOVE SETTINGS AND MAKE EVERYTHING SOLID */
	.elsReportItem5 .elsReportScore2, .elsReportItem6 .elsReportScore2,
	.elsReportItem5 .elsReportScore4, .elsReportItem6 .elsReportScore4,

        .elsReportItem5 .elsReportScore1, .elsReportItem6 .elsReportScore1,
        .elsReportItem5 .elsReportScore0, .elsReportItem6 .elsReportScore0,
        .elsReportItem5 .elsReportScore3, .elsReportItem6 .elsReportScore3 {
            background: #38AF38;
            color: #fff;
        }
/* social */


/* language arts */
.elsReportItem7, .elsReportItem8, .elsReportItem9, .elsReportItem10,
.elsReportHeaderCat3Item, .elsCategory3text {
        background: #fc0;
}
.elsReportHeaderCat4Item, .elsCategory4text, .elsReportItem11, .elsReportItem12 {
    background: #6A0888;
}
.elsCategory4text {
    color: #fff;
}
.elsReportItem7 .elsReportScore1, .elsReportItem8 .elsReportScore1, .elsReportItem9 .elsReportScore1, .elsReportItem10 .elsReportScore1,
.elsReportItem7 .elsReportScore0, .elsReportItem8 .elsReportScore0, .elsReportItem9 .elsReportScore0, .elsReportItem10 .elsReportScore0,
.elsReportHeaderCat3ItemStrand {
        background: #fff;
        color: #000;
}
.elsReportItem7 .elsReportScore3, .elsReportItem8 .elsReportScore3, .elsReportItem9 .elsReportScore3, .elsReportItem10 .elsReportScore3 {
        background: #FFE79B;
        color: #000;
}
.elsReportItem7 .elsReportScore5, .elsReportItem8 .elsReportScore5, .elsReportItem9 .elsReportScore5, .elsReportItem10 .elsReportScore5,
.elsCategory3text {
        color: #fff;
}
.elsCategory4text, .elsReportItem11, .elsReportItem12 {
    //color: #000;
}
        /* BELOW IS TO OVERRIDE ABOVE SETTINGS AND MAKE EVERYTHING SOLID */
        .elsReportItem7 .elsReportScore2, .elsReportItem8 .elsReportScore2, .elsReportItem9 .elsReportScore2, .elsReportItem10 .elsReportScore2,
	.elsReportItem7 .elsReportScore4, .elsReportItem8 .elsReportScore4, .elsReportItem9 .elsReportScore4, .elsReportItem10 .elsReportScore4,

	.elsReportItem7 .elsReportScore1, .elsReportItem8 .elsReportScore1, .elsReportItem9 .elsReportScore1, .elsReportItem10 .elsReportScore1,
        .elsReportItem7 .elsReportScore0, .elsReportItem8 .elsReportScore0, .elsReportItem9 .elsReportScore0, .elsReportItem10 .elsReportScore0,
        .elsReportItem7 .elsReportScore3, .elsReportItem8 .elsReportScore3, .elsReportItem9 .elsReportScore3, .elsReportItem10 .elsReportScore3 {
            background: #fc0;
            color: #fff;
        }
/* langauge arts */



    /* motor domains */
    .elsReportItem11, .elsReportItem12,
    .elsReportHeaderCat4Item, .elsCategory4text {
    background: #6A0888;
    }

    .elsCategory4text {
    color: #fff;
    }
    .elsReportItem11 .elsReportScore0, .elsReportItem12 .elsReportScore0,
    .elsReportHeaderCat4ItemStrand {
    //background: #000;
    //background: #6A0888;
    background: #fff;
    color: #fff;
    }
    .elsCategory4text, .elsReportItem11, .elsReportItem12 {
    //color: #000;
    }
    /* BELOW IS TO OVERRIDE ABOVE SETTINGS AND MAKE EVERYTHING SOLID */
    .elsReportItem11 .elsReportScore2, .elsReportItem12 .elsReportScore2,
    .elsReportItem11 .elsReportScore4, .elsReportItem12 .elsReportScore4,
    .elsReportItem11 .elsReportScore1, .elsReportItem12 .elsReportScore1,
    .elsReportItem11 .elsReportScore0, .elsReportItem12 .elsReportScore0,
    .elsReportItem11 .elsReportScore3, .elsReportItem12 .elsReportScore3 {
    background: #6A0888;
    color: #fff;
    }
    /* motor domains */

/* ***** report ***** */


/* ***** observation bar graphs ***** */

.elsChartHeader {
    height: 30px;
    font-size: 17px;
    text-align: center;
    padding: 1px 2px;
}

.elsChartNames {
    width: 160px;
    background: #ccc;
}

.elsChartNames img {
    float: right;
}

.elsCategory1chartSection, .elsCategory2chartSection, .elsCategory3chartSection, .elsCategory4chartSection {
    width: 160px;
    padding: 0;
    height: 20px;
    overflow: hidden;
}

.elsCategory1graph, .elsCategory2graph, .elsCategory3graph, .elsCategory4graph {
    height: 20px;
    height: 100%;
    float: left;
}

.elsCategory1obsCount, .elsCategory2obsCount, .elsCategory3obsCount, .elsCategory4obsCount {
    float: right;
    clear: none;
    padding: 1px 2px;
    font-size: 17px;
}

.elsCategory1graph {
    background: #069;
}

.elsCategory1obsCount {
    color: #069;
}

.elsCategory2graph {
    background: #38AF38;
}

.elsCategory2obsCount {
    color: #38AF38;
}

.elsCategory3graph {
    background: #fc0;
}

.elsCategory3obsCount {
    color: #000;
}

.elsCategory4graph {
    background: #6A0888;
}

.elsCategory4obsCount {
    //color: #fff;
    color: #6A0888;
}

.elsCategory1chartSection {
    border: 1px solid #069;
}

.elsCategory2chartSection {
    border: 1px solid #38AF38;
}

.elsCategory3chartSection {
    border: 1px solid #fc0;
}

    .elsCategory4chartSection {
    border: 1px solid #6A0888;
    }

.elsStudentBarGraph {
    width: 680px;
}

.elsStudentBarGraphGraph {
    width: 360px;
}

.elsStudentBarGraphCategory1, .elsStudentBarGraphCategory2, .elsStudentBarGraphCategory3, .elsStudentBarGraphCategoryArea, .elsStudentBarGraphCategory4 {
    font-size: 22px;
    padding: 12px;
    text-transform: uppercase;
}

.elsStudentBarGraphCategory1 {
    background: #069;
    color: #fff;
}

.elsStudentBarGraphCategory2 {
    background: #38AF38;
    color: #fff;
}

.elsStudentBarGraphCategory3 {
    background: #fc0;
    color: #fff;
}

.elsStudentBarGraphCategory4 {
    background: #6A0888;
    //color: #000;
    color: #fff;
}


.elsStudentBarGraphCategoryArea {
    background: #333;
}

.elsStudentBarGraphCategory1item, .elsStudentBarGraphCategory2item, .elsStudentBarGraphCategory3item, .elsStudentBarGraphCategory4item {
    font-size: 16px;
    padding: 6px;
}

.elsStudentBarGraphCategoryItemNumber {
    float: left;
}

.elsHelpIcon {
    float: right;
    padding: 0 4px;
}

.elsStudentBarGraphCategoryItem {
    margin: 4px;
}

.elsStudentBarGraphCategory1item, .elsHelpCat1Item {
    background: #069;
    color: #fff;
}

.elsStudentBarGraphCategory2item, .elsHelpCat2Item {
    background: #38AF38;
    color: #fff;
}

.elsStudentBarGraphCategory3item, .elsHelpCat3Item {
    background: #fc0;
    color: #fff;
}

.elsStudentBarGraphCategory4item, .elsHelpCat4Item {
    background: #6A0888;
    //color: #000;
    color: #fff;
}

.elsStudentBarGraphStrand {
    font-size: 12px;
}

.elsStudentBarGraphCat1 {
    color: #069;
    border: 1px solid #069;
}

.elsStudentBarGraphCat2 {
    color: #38AF38;
    border: 1px solid #38AF38;
}

.elsStudentBarGraphCat3 {
    color: #000;
    border: 1px solid #fc0;
}

.elsStudentBarGraphCat4 {
    //color: #fff;
    color: #000;
    border: 1px solid #6A0888;
}

.elsStrandSummaryCat4selected {
    //color: #fff;
    color: #fff;
    background: #f60;
}

.elsStudentBarGraphCatArea {
    color: #000;
    border: 1px solid #333;
}

.elsStudentCategory1obsCount {
    color: #069;
}

.elsStudentCategory2obsCount {
    color: #38AF38;
}

.elsStudentCategory3obsCount {
    color: #000;
}

.elsStudentCategory4obsCount {
    /*color: #fff;*/
   color: #000;
}

.elsStudentCategory1obsCount, .elsStudentCategory2obsCount, .elsStudentCategory3obsCount, .elsStudentCategory4obsCount {
    float: right;
    clear: none;
    padding: 2px 3px 2px 2px;
    font-size: 20px;
}

/* ***** observation bar graphs ***** */

.elsHelpCat1Item, .elsHelpCat2Item, .elsHelpCat3Item, .elsHelpCat4Item {
    font-size: 20px;
    padding: 3px;
}

.elsHelpParagraphs {
    text-align: justify;
}

.elsHelpSection {
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    padding: 20px 0 8px 0;
}


/* ***** els student portfolio report ***** */

.elsStudentPortfolioReportHeader {
    font-size: 20px;
    background: #069;
    color: #fff;
}

.elsStudentPortfolioReportHeaderCol1 {
    padding: 8px;
}
.elsStudentPortfolioReportHeaderCol2 {
    text-align: right;
}

.elsStudentPortfolioReportKeyBoxWrap {
    padding: 4px;
}

.elsStudentPortfolioReportKeyBox {
    line-height: 20px;
    padding: 4px;
    border: 1px solid #f60;
}

.elsStudentPortfolioReportKey {
    border: 1px solid #f60;
    padding: 1px;
}
.elsStudentPortfolioReportObs {
    border: 1px solid #f60;
    margin: 5px 0;
    padding: 4px;
    cursor: pointer;

    border: 1px solid black;
    background-color: #eaeaea;
}

.elsSelected .elsStudentPortfolioReportObsRowHeader {
    color: black !important;
}


.elsStudentPortfolioReportObsRowHeader {
    color: #f60;
    font-size: 10px;
}

.elsSelected .elsStudentPortfolioReportObsRowHeader {
    color: #fff;
}

.elsSelected .elsStudentPortfolioReportObsStrandsCat1, .elsSelected .elsStudentPortfolioReportObsStrandsCat2, .elsSelected .elsStudentPortfolioReportObsStrandsCat3, .elsSelected .elsStudentPortfolioReportObsStrandsCat4, .elsSelected .elsStudentPortfolioReportObsBenchmarks {
    color: #000;
}

.elsStudentPortfolioReportObsPhoto {
    width: 150px;
    height: 150px;
    text-align: center;
}

.elsStudentPortfolioReportObsPhoto img {
    max-width: 150px;
    max-height: 150px;
}

.elsStudentPortfolioReportObsCol1 {
    width: 160px;
    vertical-align: top;
}

.elsStudentPortfolioReportObsCol2 {
    width: 460px;
    vertical-align: top;
}

.elsStudentPortfolioReportObsStrandsCat1, .elsStudentPortfolioReportObsStrandsCat2, .elsStudentPortfolioReportObsStrandsCat3, .elsStudentPortfolioReportObsStrandsCat4, .elsStudentPortfolioReportObsBenchmarks {
    width: 460px;
    line-height: 24px;
    background: #fff;
}

.elsStudentPortfolioReportObsStrandsCat1 {
    border: 2px solid #069;
    background-color: rgba(0, 102, 153, 0.1);
}

.elsStudentPortfolioReportObsStrandsCat2 {
    border: 2px solid #38AF38;
    background-color: rgba(56, 175, 56, 0.1);
}

.elsStudentPortfolioReportObsStrandsCat3 {
    border: 2px solid #fc0;
    background-color: rgba(255, 204, 0, 0.1);
}

.elsStudentPortfolioReportObsStrandsCat4 {
    border: 2px solid #6A0888;
    background-color: rgba(106, 8, 136, 0.1);
}

.elsStudentPortfolioReportObsBenchmarks {
    border: 2px solid #000;
}

/* ***** els student portfolio report ***** */



/* ***** els Child Accomplishments Summary ***** */

#elsCustomNoteTextArea {
    width:680px;
    height:320px;
    height: 295px;
}

.elsStrandSummary {
    /*width: 650px;*/
    /*padding: 4px;*/
    width: 100%;
    padding: 0.35rem 0.25rem;
    border-radius: 2px;
    font-size: 1.2rem;
}

.benchselected{
	background: #f60;
}

.benchselected a:link{
	color:#fff;
}

.elsStrandSummaryCat1selected {
    color: #fff;
    background: #f60;
}

.elsStrandSummaryCat2selected {
    color: #fff;
    background: #f60;
}

.elsStrandSummaryCat3selected {
    color: #fff;
    background: #f60;
}

.elsNoScoreBackgroundCat1 {
    background: url('https://www.myelsonline.com/www/themes/default/../../htmlarea/images/els/blueBackDisable.png') repeat;
}

.elsNoScoreBackgroundCat2 {
    background: url('https://www.myelsonline.com/www/themes/default/../../htmlarea/images/els/greenBackDisable.png') repeat;
}

.elsNoScoreBackgroundCat3 {
    background: url('https://www.myelsonline.com/www/themes/default/../../htmlarea/images/els/yellowBackDisable.png') repeat;
}
/*
.elsAutoPopulateButton {
    position: relative; color: #fff; font-weight: normal; padding: 3px 0 0 40px; width: 220px; display: block; letter-spacing: 2px; cursor: pointer; height: 15px;
}
.elsAutoPopulateButton img {
    position: absolute; top: 0; left: 0; z-index: -99;
}
*/
.elsAutoPopulateButton, .elsAutoPopulateDisabledButton {
    background: url('https://www.myelsonline.com/www/themes/default/../../htmlarea/images/buttons/autoPopulateRight.png') transparent no-repeat scroll top right;
    display: block;
    text-decoration: none;
    padding-right: 5px;
    margin-right: 4px;
    font: 10px;
    color: #fff;
    height: 16px;
    float: right;
    cursor: pointer;
    padding-bottom: 3px;
}

.elsAutoPopulateDisabledButton, .elsAutoPopulateDisabledButton:hover {
    color: #333;
}

.elsAutoPopulateButton span, .elsAutoPopulateDisabledButton span {
    background: transparent url('https://www.myelsonline.com/www/themes/default/../../htmlarea/images/buttons/autoPopulateLeft.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 3px 2px 4px 25px;
}

.elsAutoPopulateDisabledButton {
    background: transparent url('https://www.myelsonline.com/www/themes/default/../../htmlarea/images/buttons/autoPopulateDisabledRight.png') no-repeat scroll top right;
    cursor: default;
    position: relative;
    z-index: -1;
}

.elsAutoPopulateDisabledButton span {
    background: transparent url('https://www.myelsonline.com/www/themes/default/../../htmlarea/images/buttons/autoPopulateDisabledLeft.png') no-repeat;
}

.elsViewObsButton {
    position: relative; color: #000; font-weight: normal; padding: 7px 0 0 10px; cursor: pointer; width: 215px; display: block; height: 25px; float: left; text-transform: uppercase; letter-spacing: 1px; z-index: 2;
}

.elsViewObsButtonScoreEntry {
    letter-spacing: 0px !important;
}

.elsViewObsButton img {
    position: absolute; top: 0; left: 0; z-index: -1;
}

.elsDisabledButton {
    cursor: default !important;
}

.elsNotesButton {
    position: relative; color: #000; font-weight: normal; padding: 7px 0 0 10px; cursor: pointer; width: 100px; display: block; height: 25px; float: left; text-transform: uppercase; letter-spacing: 1px;
    z-index: 10;
}

.elsNotesButton img {
    position: absolute; top: 0; left: 0; z-index: -99;
}

.elsNoScoreBackgroundCat1 .elsViewObsButton, .elsNoScoreBackgroundCat2 .elsViewObsButton, .elsNoScoreBackgroundCat3 .elsViewObsButton {
    z-index: -1;
}

.elsStrandSummary label {
    /*padding-right: 150px; @todo: No clue why there was padding here */
}

.elsCASstrand {
    padding: 8px;
}

.elsCASstrandName {
    font-size: 1.35rem;
}


/* ***** els Child Accomplishments Summary ***** */


/* ***** els current year summary ***** */

.elsCenter {
    text-align: center;
}

.elsCYSscore {
    font-size: 18px;
}

.elsCYScompositeScoreLabel {
    font-size: 12px;
}

.elsCYScompositeScore {
    font-size: 28px;
}

.elsCategoryLabel {
    padding: 12px 8px;
    text-transform: uppercase;
}

/* ***** els current year summary ***** */


/* ***** view obs ***** */


.elsCat1itemStrandButton {
    background: transparent url('https://www.myelsonline.com/www/themes/default/../../htmlarea/images/buttons/blueRight.png') no-repeat scroll top right;
    display: block;
    text-decoration: none;

    padding-right: 5px;
    margin-right: 4px;
    font: 10px;
    color: #fff;
    height: 16px;
    float: right;

    cursor: default;
}

.elsCat1itemStrandButton span {
    background: transparent url('https://www.myelsonline.com/www/themes/default/../../htmlarea/images/buttons/blueLeft.png') no-repeat;
    display: block;
    line-height: 14px;

    padding: 2px 0 2px 6px;
}


.elsCat2itemStrandButton {
    background: transparent url('https://www.myelsonline.com/www/themes/default/../../htmlarea/images/buttons/greenRight.png') no-repeat scroll top right;
    display: block;
    text-decoration: none;

    padding-right: 5px;
    margin-right: 4px;
    font: 10px;
    color: #fff;
    height: 16px;
    float: right;

    cursor: default;
}

.elsCat2itemStrandButton span {
    background: transparent url('https://www.myelsonline.com/www/themes/default/../../htmlarea/images/buttons/greenLeft.png') no-repeat;
    display: block;
    line-height: 14px;

    padding: 2px 0 2px 6px;
}

.elsCat3itemStrandButton {
    background: transparent url('https://www.myelsonline.com/www/themes/default/../../htmlarea/images/buttons/yellowRight.png') no-repeat scroll top right;
    display: block;
    text-decoration: none;

    padding-right: 5px;
    margin-right: 4px;
    font: 10px;
    color: #fff;
    height: 16px;
    float: right;

    cursor: default;
    }

.elsCat3itemStrandButton span {
    background: transparent url('https://www.myelsonline.com/www/themes/default/../../htmlarea/images/buttons/yellowLeft.png') no-repeat;
    display: block;
    line-height: 14px;

    padding: 2px 0 2px 6px;
}

.elsCat4itemStrandButton {
    background: transparent url('https://www.myelsonline.com/www/themes/default/../../htmlarea/images/buttons/darkPurpleRight.png') no-repeat scroll top right;
    display: block;
    text-decoration: none;

    padding-right: 5px;
    margin-right: 4px;
    font: 10px;
    color: #fff;
    height: 16px;
    float: right;

    cursor: default;
}

.elsCat4itemStrandButton span {
    background: transparent url('https://www.myelsonline.com/www/themes/default/../../htmlarea/images/buttons/darkPurpleLeft.png') no-repeat;
    display: block;
    line-height: 14px;

    padding: 2px 0 2px 6px;
}

/* ***** view obs ***** */


/* ***** modalbox ***** */

.dialogbox{
font-size:1.2em}

.dialogbox input{
background-color:#ffffff;
border:1px solid #000000;
color:#000000;
font-weight:bold;
float:left;
padding:3px 5px 3px 5px;
font-size:1.0em;
margin-bottom:10px;
width:auto; overflow:visible;
margin-right:10px}

.dialogbox input:hover{
background-color:#fefaba;
cursor:pointer;
border:1px solid #d25428;
color:#d25428}

#MB_overlay{position:absolute;margin:auto;top:0;left:0;width:100%;height:100%;z-index:9999;border:0;background-color:#000!important}#MB_overlay[id]{position:fixed}#MB_window{position:absolute;top:0;border:0 solid;text-align:left;z-index:10000}#MB_window[id]{position:fixed!important}#MB_frame{position:relative;background-color:#EFEFEF;height:100%}#MB_header{margin:0;padding:0}#MB_content{position:relative;padding:6px .75em;overflow:auto}#MB_caption{font:bold 100% "Lucida Grande",Arial,sans-serif;text-shadow:#FFF 0 1px 0;padding:.5em 2em .5em .75em;margin:0;text-align:left}#MB_close{display:block;position:absolute;right:5px;top:4px;padding:2px 3px;font-weight:bold;text-decoration:none;font-size:13px}#MB_close:hover{background:transparent}#MB_loading{padding:1.5em;text-indent:-10000px;background:transparent url(spinner.gif) 50% 0 no-repeat}#MB_window{background-color:#EFEFEF;color:#000;-webkit-box-shadow:0 0 64px #000;-moz-box-shadow:#000 0 0 64px;box-shadow:0 0 64px #000}#MB_frame{padding-bottom:4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}#MB_content{border-top:1px solid #F9F9F9}#MB_header{ background-color:#DDD; border-bottom:1px solid #CCC}#MB_caption{color:#000}#MB_close{color:#777}#MB_close:hover{color:#000}.MB_alert{margin:10px 0;text-align:center}

#MB_overlay, #MB_window  { position: fixed; }


/* ***** modalbox ***** */



/*******************************************************************************
 *                                   ELS CSS                          end      *
 *******************************************************************************/


/**
  *	2011.12.09 below
  */
/*.wide { /*width: 960px;*/ }  */
.elsStrand td { min-width: 213px; }
.elsReportName { width: 308px; }
.elsReportHeaderItemStrand { width: 15px !important; }
.elsReportStrandWidth { width: 14px; }
.elsReportHeaderItemStrand img { padding-left: 3px; }

.help-container {
       width: 100%;
       height: 100%;
       overflow-y: scroll;
}