/*@import "null.css?\"\{"; 
 @import "highpass.css";*/
/* Global Styles */
body
{
    margin-top: 0px;
    background-image: url(    "images/grad-blue.jpg" );
    background-position: top left;
    background-repeat: repeat-x;
    background-color: #336699;
    font: 12px Arial, Helvetica, sans-serif;
    color: #000033;
}

a
{
    color: #0000aa;
    text-decoration: none;
}

a:hover
{
    color: #0000cc;
}

ul
{
    list-style-image: none;
    list-style-type: none;
}


li
{
    list-style-image: none;
    list-style-type: none;
    text-align: left;
}

li a
{
    list-style-position: outside;
}

img
{
    border: none;
}

h5
{
    color: #006699;
    font-size: 1.25em;
}
dt
{
    font-weight: bold;
    padding-top: 15px;
}

/* ID Styles */

#content
{
    color: #000033;
}

#breadcrumb
{
    background-color: #FFFFFF;
    color: #000000;
    line-height: 16px;
    letter-spacing: .1em;
    border-top: solid thick white;
    border-bottom: solid thick white;
    margin-right: 10px;
    width: 80%;
    z-index: 1;
}

#breadcrumb a
{
    color: #0000ff;
}

#breadcrumbtop
{
    background-color: #FFFFFF;
    color: #000000;
    line-height: 16px;
    letter-spacing: .1em;
    padding-left: 10px;
    border-top: solid thick white;
    border-bottom: solid thick white;
    margin-right: 10px;
    width: 90%;
    z-index: 1;
}

#breadcrumbtop a
{
    color: #0000ff;
}

#header
{
    position: relative;
    display: block;
    top: 0px;
    background-image: url(    "images/top3.gif" );
    background-position: top left;
    background-repeat: no-repeat;
    padding-bottom: 0px;
    margin-bottom: -2px;
    border-bottom: 0px;
    width: 800px;
    z-index: 1;
}

#header a
{
    color: #ffffff;
}

#main
{
    position: relative;
    display: block;
    top: 0px;
    left: 50%;
    margin-left: -400px;
    width: 800px;
    height: 100%;
    border: 0px;
    padding-top: 0px;
    margin-top: 0px;
    z-index: 1;
}

#lcol
{
    display: block;
    width: 200px;
    margin-top: 10px;
    margin-left: 15px;
    background-image: none;
    float: left;
    z-index: 1;
}

#centralMain
{
    display: block;
    width: 800px;
    background-image: url(    "images/mid3.gif" );
    background-position: top left;
    background-repeat: repeat-y;
    min-height: 550px;
    z-index: 1;
}

#contentMain
{
    display: block;
    width: 400px;
    z-index: 1;
}

#contentSub
{
    display: block;
    width: 550px;
    z-index: 1;
}

#contentFull
{
    display: block;
    width: 750px;
    margin-left: 15px;
    z-index: 1;
}

#rcol
{
    background-color: #eeeeee;
    display: block;
    width: 190px;
    float: right;
    margin-right: 22px;
    z-index: 1;
}


#rcol a
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #000033;
    line-height: 22px;
    letter-spacing: .1em;
    background-image: url(    "images/button.jpg" );
    text-align: left;
    display: block;
    padding-left: 15px;
    border-bottom: solid thin white;
}

#rcol ul
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #000066;
    line-height: 16px;
    text-align: left;
    display: block;
    list-style-image: none;
    list-style-type: none;
    margin-left: 15px;
    margin-right: 15px;
    list-style-position: inside;
}

#rcol ul li
{
    margin-left: -10px;
    padding-bottom: 10px;
}

#rcol ul a
{
    background-image: none;
    font: 12px Arial, Helvetica, sans-serif;
    color: #000066;
    line-height: 16px;
    text-align: left;
    display: block;
    letter-spacing: normal;
    border-bottom: solid 0px white;
}

#rcol ul p
{
    background-image: none;
    font: 12px Arial, Helvetica, sans-serif;
    color: #000066;
    line-height: 16px;
    text-align: left;
    display: block;
    letter-spacing: normal;
}
#rcol h6 a
{
    background-image: none;
    border-bottom: none;
    font: 10px Arial, Helvetica, sans-serif;
    text-indent: 10px;
}

#calendar ul li
{
    list-style-image: url(images/cal.jpg);
    background-image: none;
    background-repeat: no-repeat;
    background-position: left;
    border-bottom: solid 0px white;
    margin-left: 0px;
    padding-left: 25px;
}

#rss ul li
{
    list-style-image: url(images/rss.gif);
    background-image: none;
    background-repeat: no-repeat;
    background-position: left;
    border-bottom: solid 0px white;
    margin-left: 0px;
    padding-left: 25px;
}

#footer
{
    position: static;
    width: 800px;
    text-align: center;
    background-image: url(    "images/bottom3.gif" );
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 12px;
    bottom: 0px;
    z-index: 1;
}


#userRole
{
    display: block;
    border: 0px;
    top: 0;
    z-index: 1;
}


#userRole img
{
    border: 0px;
}

#navigation
{
    display: block;
}

#navigation td
{
    border-bottom: 1px solid #FFFFFF;
}

#navigation a
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    line-height: 22px;
    letter-spacing: .1em;
    background-image: url(    "images/buttonleft.jpg" );
    text-align: left;
    padding-left: 2px;
    display: block;
}

#navigation a:hover
{
    color: #BBBBBB;
}

#navheader
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #1F2669;
    letter-spacing: .4em;
    padding: 10px;
    line-height: 30px;
}

#logo
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #8888FF;
    letter-spacing: .5em;
    line-height: 30px;
    font-weight: bold;
}

#tagline
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #FF9900;
    letter-spacing: .2em;
    line-height: 14px;
}

#monthformat td
{
    border-bottom: 1px solid #FFFFCC;
}

#dateformat
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #FFFF00;
    letter-spacing: .4em;
}

#dateformat a
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #FFFF00;
    letter-spacing: .1em;
    text-decoration: none;
}

#dateformat a:hover
{
    color: #FFFFCC;
}

#school_bar
{
    margin-left: 60px;
}

#centralMain
{
    display: block;
    width: 800px;
    z-index: 1;
}

#contentMain
{
    display: block;
    width: 300px;
    z-index: 1;
}

#lborder
{
    display: block;
    top: 0px;
    margin-top: -3px;
    margin-bottom: 3px;
    background-image: url(    "images/left.jpg" );
    background-position: top right;
    background-repeat: repeat-y;
}

#rborder
{
    display: block;
    top: 0px;
    margin-top: -3px;
    margin-bottom: 3px;
    background-image: url(    "images/right.jpg" );
    background-position: top left;
    background-repeat: repeat-y;
}

#central
{
    padding: 2px 10px 5px 10px;
}

#page
{
    position: relative;
    display: block;
    top: 0px;
    margin-top: -3px;
    left: 50%;
    margin-left: -512px;
    width: 1024px;
    height: 100%;
}

/* Class Styles */

.deletion
{
    background-color: #39f;
    color: White;
}

.DropDownList
{
}

.login
{
    width: 600px;
    height: 401px;
}

.blue
{
    color: blue;
}
.green
{
    color: green;
}

.alert
{
    border: solid thin #ff0000;
    background-color: #000022;
    color: #ffffcc;
    visibility: hidden;
}

.alert a
{
    border: solid thin #ff0000;
    background-color: #000022;
    color: #ffff66;
}

.spot
{
    background-image: url(    "images/spot.jpg" );
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 30px;
    display: block;
    height: 25px;
}

.spot a
{
    color: #0000ff;
}

.lnav
{
    display: block;
    width: 200px;
    background-image: url(    "images/buttonleft.jpg" );
    background-repeat: repeat-y;
    z-index: 1;
}

.lnavbutton
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    line-height: 22px;
    letter-spacing: .1em;
    text-align: left;
    display: block;
    width: 200px;
    border-bottom: solid thin white;
}

.c_lnavbutton
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #ADD8E6;
    line-height: 22px;
    letter-spacing: .1em;
    text-align: left;
    display: block;
    border-bottom: solid thin white;
    padding-left: 5px;
}

.c_lnavbutton a:hover
{
    color: #BBBBBB;
}

.lnavbutton a:hover
{
    color: #BBBBBB;
}

.parent img
{
    border-right: solid thick #cccc33;
    border-bottom: solid thick #cccc33;
}

.student img
{
    border-right: solid thick #669966;
    border-bottom: solid thick #669966;
}

.staff img
{
    border-right: solid thick #660000;
    border-bottom: solid thick #660000;
}

.bodyText
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #000066;
    line-height: 18px;
    margin-top: 0px;
    padding: 2px 10px 5px 10px;
}

.pageName
{
    font: 18px Arial, Helvetica, sans-serif;
    color: #000033;
    line-height: 24px;
    letter-spacing: .3em;
    padding-top: 20px;
}

.columnHeader
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #FF080E;
    line-height: 18px;
    letter-spacing: .05em;
}

.subHeader
{
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #FF080E;
    line-height: 18px;
    letter-spacing: .1em;
}

.smallText
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #333333;
}

.navText
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #1F2669;
    line-height: 16px;
    letter-spacing: .1em;
    text-decoration: none;
}

.navy
{
    background-color: #000022;
    height: 22px;
    line-height: 22px;
}

.navy2
{
    background-color: #000033;
    height: 2px;
    line-height: 2px;
}

.second
{
    display: block;
    color: #000033;
    background-color: #dfe5eb;
    height: 22px;
    line-height: 22px;
    text-align: left;
    width: 800px;
    border-bottom: solid thick white;
    z-index: 1;
}

.second a
{
    color: #000033;
    height: 22px;
    line-height: 22px;
}

.second a:hover
{
    display: block;
    height: 22px;
    line-height: 22px;
    color: #0000aa;
}

.redline
{
    color: #ffff33;
    border: solid thin #000066;
    line-height: 22px;
    font-size: 1em;
}

.redline h3
{
    color: #ffff33;
    background-color: #000066;
    height: 22px;
    line-height: 22px;
    text-align: left;
}

.first
{
    display: block;
    color: #ffffff;
    background-color: #032e54;
    text-align: left;
    height: 22px;
    line-height: 22px;
    width: 800px;
    z-index: 2;
}

.first a
{
    color: #ffffff;
}

.first a:hover
{
    display: block;
    color: #C0C0C0;
}

.search
{
    color: #FFFFFF;
    text-align: right;
    font-size: 12px;
    line-height: 16px;
    padding-right: 5px;
}

.contact
{
    color: #FFFFFF;
    text-align: right;
    font-size: 12px;
    line-height: 24px;
    font-weight: bold;
    margin-top: 25px;
    padding-top: 10px;
    padding-right: 5px;
}
.center
{
    position: relative;
    left: -150px;
    margin-left: 50%;
}

.center td
{
    text-align: center;
}
.dateLink
{
    text-align: right;
    font-size: 9px;
}

.rightBar
{
    position: absolute;
    top: 20px;
    right: 15px;
}

.numberList
{
    list-style-type: decimal;
}

.ExtraLine
{
    line-height: 200%;
}

.discListNoIndent
{
    padding: 3px 0px; /*removes in Firefox/Mozilla*/
    margin: 3px 0px; /*removes in IE & Opera*/
    list-style-type: disc;
    margin-left:0px;
}

.discList
{
    list-style-type: disc;
}

.circleList
{
    list-style-type: circle;
}

.accordianHeader
{
    text-decoration: underline;
    cursor: pointer;
}

.accordianHeader2
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #000033;
    line-height: 22px;
    letter-spacing: .1em;
    background-image: url(    "images/button.jpg" );
    text-align: left;
    text-decoration: none;
    display: block;
    padding-left: 15px;
    border-bottom: solid thin white;
    cursor: pointer;
}

.calendar
{
    border: none;
}

.day
{
    width: 90px;
    height: 70px;
    text-align: center;
    vertical-align: top;
    font-family: Arial;
    font-size: 11px;
    color: Black;
    background-color: #FFFFFF;
    border: solid 1px #C6C1AC;
}

.othermonthday
{
    background-color: #F5F3E5;
}

.month
{
    border-collapse: collapse;
    border: solid 1px black;
}

.dayheader
{
    background-color: #000022;
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 11px;
    text-align: center;
    border-top: solid 1px #FFFFFF;
    border-left: solid 1px #FFFFFF;
    border-bottom: solid 1px #ACA899;
    border-right: solid 1px #C6C1AC;
    padding: 4px;
}

.calTitle
{
    background-color: #000022;
    background-image: url(images/sd61Gradient.jpg);
    border: 1px solid black;
    border-bottom-width: 0px;
}

.calTitle TD
{
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    color: White;
    padding-top: 1px;
    padding-bottom: 1px;
}

.calAlternateRow
{
    background-color: #CCFF99;
}

.calAlternateRow2
{
    background-color: #B2A1C7;
}

.ie8fix
{
    z-index: 1000;
}

/*PhotoGallery additions */
#galleryPic
{
    overflow: hidden;
    width: 450px;
    height: 250px;
}
.clear
{
    clear: both;
    width: 0;
    height: 0;
}

/*Calendar Tool Tip additions*/

#tooltip
{
    position: absolute;
    border: 1px solid #333;
    background: #f7f5d1;
    padding: 2px 5px;
    color: #333;
    display: none;
}
/*Password Strength indicator classes*/

.BarIndicator_weak
{
    color: Red;
    background-color: Red;
}
.BarIndicator_average
{
    color: Blue;
    background-color: Blue;
}
.BarIndicator_good
{
    color: Green;
    background-color: Green;
}

.BarBorder
{
    border-style: solid;
    border-width: 1px;
    padding: 2px 2px 2px 2px;
    width: 200px;
    vertical-align: middle;
}
.BarIndicator
{
    color: Blue;
    background-color: Blue;
    padding-bottom: 1px;
}
/*Ajax Tab classes*/
/* ajax__tab_xp-theme theme */
.ajax__tab_xp-theme .ajax__tab_header
{
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    background: url(img/xp/tab-line.gif) repeat-x bottom;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_outer
{
    padding-right: 4px;
    background: url(img/xp/tab-right.gif) no-repeat right;
    height: 21px;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_inner
{
    padding-left: 3px;
    background: url(img/xp/tab-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_tab
{
    height: 13px;
    padding: 4px;
    margin: 0;
    background: url(img/xp/tab.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_outer
{
    background: url(img/xp/tab-hover-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_inner
{
    background: url(img/xp/tab-hover-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_tab
{
    background: url(img/xp/tab-hover.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_outer
{
    background: url(img/xp/tab-active-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_inner
{
    background: url(img/xp/tab-active-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_tab
{
    background: url(img/xp/tab-active.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}

/* ajax__tab_yuitabview-theme theme (img/yui/sprite.png) */
.ajax__tab_yuitabview-theme .ajax__tab_header
{
    font-family: arial,helvetica,clean,sans-serif;
    font-size: small;
    border-bottom: solid 5px #2647a0;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer
{
    background: url(img/yui/sprite.png) #d8d8d8 repeat-x;
    margin: 0px 0.16em 0px 0px;
    padding: 1px 0px 1px 0px;
    vertical-align: bottom;
    border: solid 1px #a3a3a3;
    border-bottom-width: 0px;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab
{
    color: #000;
    padding: 0.35em 0.75em;
    margin-right: 0.01em;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer
{
    background: url(img/yui/sprite.png) #bfdaff repeat-x left -1300px;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab
{
    color: #fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{
    background: url(img/yui/sprite.png) #2647a0 repeat-x left -1400px;
}
.ajax__tab_yuitabview-theme .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    padding: 0.25em 0.5em;
    background-color: #edf5ff;
    border: solid 1px #808080;
    border-top-width: 0px;
}

/* ajax__tab_technorati-theme theme */
.ajax__tab_technorati-theme .ajax__tab_header
{
    font-family: "Helvetica Neue" , Arial, Sans-Serif;
    background: url(img/technorati/tab-line.png) repeat-x bottom;
    font-size: 12px;
    display: block;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer
{
    background: url(img/technorati/tab.png) no-repeat left top;
    border-color: #222;
    color: #222;
    padding-left: 10px;
    margin-right: 3px;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner
{
    background: url(img/technorati/tab.png) no-repeat right top;
    border-color: #666;
    color: #666;
    padding: 3px 10px 2px 0px;
}
.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner
{
    color: #000000;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer
{
    background: url(img/technorati/tab.png) no-repeat 0pt -40px;
    border-bottom-color: #ffffff;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner
{
    background: url(img/technorati/tab.png) no-repeat right -40px;
    color: #000000;
    border-color: #333;
}
.ajax__tab_technorati-theme .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    padding: 8px;
    background-color: #ffffff;
    border: solid 1px #d7d7d7;
    border-top-width: 0;
}

/* ajax__tab_msngallery-theme theme */
.ajax__tab_msngallery-theme .ajax__tab_header
{
    background: url(img/msngallery/tab-line.png) repeat-x bottom;
    font-size: 12px;
    display: block;
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_outer
{
    border: solid 1px #D7DCE1;
    padding: 1px 1px 0px 1px;
    border-bottom: solid 2px #A8D4D9;
    background-color: #edf2fb;
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab
{
    padding: 6px 10px 6px 10px;
    color: #444444;
    width: 117px;
    display: block;
    text-align: center;
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab img
{
    height: 24px;
    width: 24px;
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab div
{
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: bold;
    white-space: nowrap;
    line-height: 145%;
    font-size: 92%;
}
.ajax__tab_msngallery-theme .ajax__tab_active .ajax__tab_outer
{
    padding: 0px 0px 0px 0px;
    border: solid 2px #A8D4D9;
    border-bottom-color: #ffffff;
    background-color: #ffffff;
}
.ajax__tab_msngallery-theme .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    padding: 8px;
    background-color: #ffffff;
    border: solid 2px #A8D4D9;
    border-top-width: 0;
}

/* ajax__tab_ie-theme theme */
.ajax__tab_ie-theme .ajax__tab_header
{
    padding-left: 5px;
}
.ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab
{
    margin-right: 0px;
    background: url(img/ie/tab_unselected.gif);
    width: 116px;
    padding: 9px 0px 3px 0px;
    text-align: center;
    color: #006699;
    font-family: verdana;
    font-size: 13px;
    display: block;
}
.ajax__tab_ie-theme .ajax__tab_active .ajax__tab_tab
{
    padding: 6px 0px 3px 0px;
    background: url(img/ie/tab_selected.gif);
}
.ajax__tab_ie-theme .ajax__tab_body
{
    background: url(img/ie/ie_tabbacker_720x296.jpg) no-repeat;
    font-size: 13px;
    font-family: verdana;
    height: 296px;
    width: 716px;
}
.ajax__tab_ie-theme .ajax__tab_body div
{
    padding: 8px;
}
/*Ajax fancy Blue Theme*/
.fancy .ajax__tab_header
{
    font-size: 13px;
    font-weight: bold;
    color: #000;
    font-family: sans-serif;
}
.fancy .ajax__tab_active .ajax__tab_outer, .fancy .ajax__tab_header .ajax__tab_outer, .fancy .ajax__tab_hover .ajax__tab_outer
{
    height: 46px;
}
.fancy .ajax__tab_active .ajax__tab_inner, .fancy .ajax__tab_header .ajax__tab_inner, .fancy .ajax__tab_hover .ajax__tab_inner
{
    height: 46px;
    margin-left: 16px; /* offset the width of the left image */
}
.fancy .ajax__tab_active .ajax__tab_tab, .fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_header .ajax__tab_tab
{
    margin: 16px 16px 0px 0px;
}
.fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_active .ajax__tab_tab
{
    color: #fff;
}
.fancy .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}
.fancy-blue .ajax__tab_header
{
    background: url(img/fancy-blue/blue_bg.gif) repeat-x;
}
.fancy-blue .ajax__tab_hover .ajax__tab_outer, .fancy-blue .ajax__tab_active .ajax__tab_outer
{
    background: url(img/fancy-blue/blue_left.gif) no-repeat left top;
}
.fancy-blue .ajax__tab_hover .ajax__tab_inner, .fancy-blue .ajax__tab_active .ajax__tab_inner
{
    background: url(img/fancy-blue/blue_right.gif) no-repeat right top;
}
.eResButton
{
    width: 200px;
    height: 85px;
    background-image: url(images/other/button200.gif);
    cursor: pointer;
}
.eResButtonText
{
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    cursor: pointer;
    font-size: medium;
}
.eResPopUp
{
    display: block;
    width: 500px;
    padding: 5px;
    border: solid thin navy;
    z-index: 1;
}