@media screen {
    body {
    	bgcolor:#FFFFFF;
    	text:#000000;
    	leftmargin:0;
    	topmargin:0;
        margin-left:0;
        margin-top:0;
    	margin:0;
    /*	marginheight:0;*/
    }

    .printOnly {
        display: none;
    }
     /* used by toggleTip and toggleView */
    .hidden {
    	visibility: hidden;
        show: "";
        display: none;
    }
    /* used by toggleTip */
    .show {
    	background-color:#F4EDC4;
    	cursor:pointer;
    	padding: 10px;
    	border-style: ridge;
    	border-color: blue;
    	visibility: visible;
        show: inline;
        display: "";
    }
    /* used by toggleView 10/14/2010 */
    .shown {
    	visibility: visible;
        display: "";
    }
      
    input.btn, input.helpBtn {
    	/*background-color:#0033cc; specified in other .css files*/
    	font-size: 9pt;
    	/*font-family: Arial, Helvetica, sans-serif;*/
        font-family: verdana;
		font-weight: bold;
    	color: #FFFFFF;
    	outline: none;
    	white-space: nowrap;
        border: 0px;
    /*	line-height: 22px;*/  
    	/* MSB doesn't like merged buttons in microskills 3/26/2010 
        padding-left: 5px;
    	padding-right: 5px;*/ 
    	padding: 0px 5px;
        /* give white space around */ 
        margin: 0px 1px 1px 0px;
    	overflow: visible;
        /* 11/30/2010 mouse is an arrow*/
        cursor: pointer;
    }
    a.btn, a.helpBtn {
    	/*background-color:#18B25A;*/
    	padding: 4px 6px 4px 6px;
    	text-decoration: none;
    	font-size: 9pt;
    	/*font-family: Arial, Helvetica, sans-serif;*/
		font-family: verdana;
    	font-weight: bold;
    	color: #FFFFFF;
    	outline: none;
    	white-space: nowrap;
    	line-height: 28px;
    }

    a.helpBtn { font-size: 9pt; }
    
    a.btn:visited, a.helpBtn:visited { 
       color: #FFFFFF;
    }

    a.btn:hover, a.helpBtn:hover, input.btn:hover { 
       color: #FFFFFF;
       background-color:#000066;
    }

    .ftext {
        background: #FFFF00; FONT-STYLE: bold;
    }
    A:link, A:visited {
        COLOR: #3333cc;
    }
    A:active {
        COLOR: #999999
    }
    A:hover {
        COLOR: #f75424;
        TEXT-DECORATION: none;
    }
    .data TD {
        VERTICAL-ALIGN: top;
    }
    .needText {
        FONT-WEIGHT: bold;
        FONT-SIZE: 20px;
        COLOR: #ff0000;
        /*font-family: Arial, Helvetica, sans-serif;*/
        font-family: verdana;
    }
    .homeHead {
        FONT-WEIGHT: bold;
        FONT-SIZE: 15px;
        COLOR: #3333cc;
        font-family: Arial, Helvetica, sans-serif;
    }
    .erroHead_orig {
        FONT-WEIGHT: bold;
        FONT-SIZE: 17px;
        COLOR: #f75424;
        font-family: Arial, Helvetica, sans-serif;
    }
    
.alert {
	width: 100%;
	background-color:#990000;
	background-image: url(/images_jr/error.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding: 5px 0px 5px 29px;
	color:#FFFFFF !important;
	font-weight:bold;
    margin-bottom: 4px;
}

    /*2/4/2010 DR-S MSB says alert msgs aren't obvious enough, copying eurekajr style to make them show up better*/
    h2.erroHead, .erroHead {
    	/*width: 80%; 7/15/2011 make it match containers */
        width: 669px;
	    background-color:#990000;
        background-image: url(/images_jr/error.gif);
        background-repeat: no-repeat;
        background-position:left;
	    /*padding: 5px 0px 5px 29px;*/
   	    padding: 5px 5px 5px 29px;
	    color:#FFFFFF !important;
	    font-weight:bold;
        font-size: 13px;
        margin-bottom: 4px;
        margin-top: 5px;
    }
    .erroHead ul {
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .erroHead ul li{
    	color:#FFFFFF !important;
	    font-weight:bold;
        font-size: 13px;
    }
    .planHead1, .geneHead1 { COLOR: #6666cc; }
    .planHead2, .planLbl { COLOR: #000066; }
    .planLbl2 {
        FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        COLOR: #6666cc;
        FONT-STYLE: normal;
        font-family: verdana;
    }
    .popHead, .planHead1, .geneHead1, .publHead1, .careHead1, .adminHead1, .educHead1, .skilHead1, .whiteHead1 {
        FONT-WEIGHT: bold;
        FONT-SIZE: 17px;
        font-family: verdana;
    }
    .planHead2, .publHead2, .careHead2, .adminHead2, .educHead2, .skilHead2, .whiteHead2 {
        FONT-WEIGHT: bold;
        FONT-SIZE: 15px;
        MARGIN-BOTTOM: 2px;
        font-family: verdana;
    }
    .planLbl, .publLbl, .careLbl, .adminLbl, h3.adminLbl, .educLbl, .skilLbl, .whiteLbl, .careLblTable, .skilLblTable {
        FONT-WEIGHT: bold;
        FONT-SIZE: 13px;
        FONT-STYLE: normal;
        font-family: verdana;
    }
    .popHead, .publHead1, .publHead2, .publLbl { COLOR: #3333cc; }
    .careHead1, .careHead2, .careLbl { COLOR: #990000; }
    .adminHead1, .adminHead2, .adminLbl, h3.adminLbl { COLOR: #009845; }
    .educHead1, .educHead2, .educLbl { COLOR: #f75424; }
    .skilHead1, .skilHead2, .skilLbl { COLOR: #FFBA00; }
    .whiteHead1, .whiteHead2, .whiteLbl, .careLblTable, .skilLblTable, .dateWhite { COLOR: #ffffff; }     
    
    .paraMain, .paraMain .content div {
        font-size: 10pt;
        MARGIN-BOTTOM: 10px;
        COLOR: black;
        FONT-STYLE: normal;
        font-family: verdana;
    }
    .ignore {
        FONT-WEIGHT: normal;
        font-size: 10pt;
        FONT-STYLE: normal;
        font-family: verdana;
    }
    .paraBold {
        FONT-WEIGHT: bold;
        font-size: 10pt;
        FONT-STYLE: normal;
        font-family: verdana;
    }
    .paraList {
        font-size: 10pt;
        COLOR: black;
        FONT-STYLE: normal;
        font-family: verdana;
    }
    .name {
        FONT-WEIGHT: bold;
        font-size: 10pt;
        MARGIN-BOTTOM: 2px;
        COLOR: white;
        FONT-STYLE: normal;
        font-family: verdana;
    }
    .list, .callHome {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        FONT-STYLE: normal;
        font-family: verdana;
    }
    .callOut {
        FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        FONT-STYLE: normal;
        font-family: verdana;
    }
    
    div.trail, span.trail, .date, .dateWhite {
        FONT-WEIGHT: normal;
        FONT-SIZE: 10px;
        FONT-STYLE: normal;
        font-family: verdana;
    }
    
    .formField, .footNote, .footer, .footerNew {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        FONT-STYLE: normal;
        font-family: verdana;
    }
    OL LI, UL LI {
        LIST-STYLE-POSITION: outside;
        COLOR: #000000;
        FONT-STYLE: normal;
        font-family: verdana;
    }
    UL LI {
        LIST-STYLE-TYPE: square;
    }
    .caption {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        font-family: verdana;
    }
    BLOCKQUOTE {
        font-size: 10pt;
        COLOR: black;
        FONT-STYLE: normal;
        font-family: verdana;
    }
    .NGHeading {
        FONT-WEIGHT: bolder;
        FONT-SIZE: 10pt;
        COLOR: white;
        font-family: verdana;
    }
    .NGdispErr {
        FONT-SIZE: 11px;
        COLOR: red;
        font-family: verdana;
    }
    .NGNormalText {
        FONT-SIZE: 10pt;
        COLOR: black;
        font-family: verdana;
    }
    .list_shaded {
        FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        FONT-STYLE: normal;
        /*font-family: Arial, Helvetica, sans-serif;*/
        font-family: verdana;
        BACKGROUND-COLOR: #ffeecc;
    }
    
       /* top tabs*/
    .navTabsBg {
    	background: url(/images/bkgd_top_bar.gif) repeat-x;
    }
    .navTabs a, .navTabs a:visited {
    	padding: 4px 6px 4px 6px;
    	margin-right: 5px;
		/*font: bold 75% verdana;*/
    	font: bold 9pt verdana;
    	color: #FFF !important;
    	background-color: #3333CC;
    	text-decoration: none;
    }
    .adminTab, .adminTab:visited {
    	padding: 4px 6px 4px 6px;
		/*font: bold 75% verdana;*/
    	font: bold 9pt verdana;
    	color: #FFF !important;
    	background-color:#3333CC;
    	text-decoration: none;
    	position:relative;
    	right: 10px;
    }
    .navTabs a:hover, .adminTab:hover {
    	color: #FFF;
    	background-color: #000066;
    	text-decoration: none;
    }
    .posTabDef a { /* sets default height */
    	position: relative;
    	top: 3px;
    } 
    .posCurrTab { /* sets height for current section */
    	position: relative;
    	top: 13px !important;
    }
    
    /* new ada stuff drs */
    h1, h2,h3 {
        margin-top: 0px;
        margin-bottom: 0px;   
    }
    .adaHide {
    	position: absolute;
    	left: -600px;
    	top: -600px;
    /*    font-weight:bold;
        color:red;
       	background-color: #000066;*/
    }
    div.left {
    	float:left;
    	width:209px;
    	margin:0;
    	padding:0;
    
        /* figuring out some wierdness 
        border-width: 1px;
        border-color:blue;
        background-color:pink;*/
    }
    div.left2 {
        clear:left;
    /*	position: absolute;*/
  /*  	width:209px; msb wants more space on intro page  12/2010*/
    /*	width:190px; but this makes unaligned bullets 6/16/2011 */
       /* width:209px; 8/26/2011 is this messing up filter pages?*/
    	width:209px;
    	margin:0;
    	padding:0px 0px 0px 3px;
        left:0;
        float:left;
    
        /* figuring out some wierdness 
        border-width: 1px;
        border-color:black;
        background-color:yellow;*/
    }
    div.content {
    	margin-left: 209px; /* 209px; dr-s 8/26/2011 was 209 messing it up? 192px;*/
    	margin-right: 55px;
    	padding-top: 1em;
    }
    div.contentWide {
    	margin-left:55px;
    	margin-right:55px;
    	padding-top:1em;
    }
    div.footer {
        /* position:absolute;*/
    	clear: both;
    	margin-left:192px;
    	margin-right:55px;
    	padding:1em;
    }
	div.footerNew {
	
	}
    .printable {
    	float:right;
        margin: 10px; /* don't suppose this will help, but microskills_results problem with printable overlapping content 7/5/2011*/
    }
    .printable.top {
        position: absolute;
        top: 62px;
	    right: 55px;
    }
    .trail {
        padding: 1em 1em 1em 0;
    	line-height: 20px;
    }
    /*.leftLinks {
    	position: relative;
    	left: -30px;
    }
    .leftLinks li {
    	list-style-type: none;
    	padding: 0px;
    	margin-left: 0px;
    }
    .leftLinks .btn {
    	width: 170px;
    	margin: 1px 0px;
    }*/
    /* CODE FOR THREE LARGE BUTTONS ON LEFT OF OCC's PAGE */
    .leftLinks {
    	position: relative;
    	left: -33px;
    }
    .leftLinks ul li { list-style: none; }
    ul.leftLinks li {list-style-type: none; }
    .leftLinks .btn {
    	display: block;
    	margin: 2px 0px;
    	line-height: 18px !important;
    }
    /* END CODE FOR THREE LARGE BUTTONS ON LEFT OF OCC's PAGE */
    .column25 {
    	float: left;
    	width: 22%;
      margin-right: 15px;
    }
    .center {
       /* width:795px;*/
        margin-left: auto; margin-right: auto;
        text-align: center; /* for IE */
    }
    .column {
    	float: left;
        margin-right: 15px;
    }
    .endColumns { 
        clear: both;
    }
    .disabledcheck {
      color: #AAAAAA;
    }
    
    table.formTable, table.eurTable {
      	border-width: 2px;
        border-style: solid;
	    border-color: #000066;
	    border-collapse: collapse;
    }

    table.formTable th {
	   text-align: right;
	   padding-right: 4px;
       font-size: 10pt;
       /*font-family: Arial, Helvetica, sans-serif;*/
       font-family: verdana;
    }
    .tableHead2 {
       background-color: #0033cc;
	   text-align: center;
       color: #FFFFFF;
       FONT-WEIGHT: bold;
       FONT-SIZE: 15px;
       FONT-FAMILY: Arial, Helvetica, sans-serif;
    }
    .formTable td, .eurTable td, table.eurTable th {
       font-size: 10pt;
       /*font-family: Arial, Helvetica, sans-serif;*/
       font-family: verdana;
    }
    table.gridded td, table.gridded th {
      	border-width: 1px;
        border-style: solid;
	    border-color: #0000DD;
    }
    /* for worksheet, because it uses _educ, _care, etc, but the H1 is generic*/
    h1.geneHead1 span {
		position: absolute;
		top: 62px;
		left: 209px;
		padding: 0px 6px;
		border-width: 0px 3px 3px 3px;
		border-color: #000066;
		border-style: solid;
		line-height: auto 20px;
/*    margin-top: 0px;*/
}

/* for new microskills pages 10/13/2011*/
.header_assess {
	background: #D2A800;
	padding: 2px 0px 3px 2px;
	font: bold 140% Arial;
	color: #FFF;
}
.header_assess span { font-size: 80%; } /* sets size of smaller text within box headers */

.m_padding { padding: 3px 3px 0px 3px; } /* sets padding for content boxes */

.assessContainer {
	background: #FCF4D3; 
	border: solid 1px #D2A800; 
	position:relative; /* avoid IE (6) display issues */
	margin-bottom: 15px; }

/* page numbers*/
/*<style type="text/css">*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.pagination{
	padding: 2px;
}

.pagination ul{
 /*msb wants more spacing after the page links 7/20/2010 */
	/*margin: 0;*/
	/*  padding: 0; */ 
    margin-left: 0;
    padding-left: 0;
	/*text-
    align: right; /*Set to "right" to right align pagination interface*/
	font-size: 12px;
}

.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
	padding: 2px; /* trying to add spacing between page boxes */
}

.pagination a, .pagination a:visited{
	padding: 0 5px;
	border: 1px solid #9aafe5;
	text-decoration: none; 
	color: #2e6ab1;
}

.pagination a:hover, .pagination a:active {
	border: 1px solid #2b66a5;
	color: #FFF;
	background-color: #000066;
}

.pagination a.currentpage, .pagination a.currentpage:hover {
	background-color: #2e6ab1;
	color: #FFF !important;
	border-color: #2b66a5;
	font-weight: bold;
	cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover, .pagination a.disablelink:visited {
	background-color: #FFF;
	cursor: default;
	color: #929292;
	border-color: #929292;
	font-weight: normal !important;
}

}

@media print {
  * {
     background-color: white !important;
     background-image: none !important;
  }
  /*10/12/2011 adding btn to this, hoping it doens't mess any printed pages up*/
  .left, .left2, .adaHide, .trail, .right, .navTabs, .navTabsBg, .footer, input.btn, .pagination, .directions, .helpBtn, .btn, .noprint, .topTable, #topTable {
     display: none !important;
  }
  .printOnly img {vertical-align:text-top;}
  /*.noprint h2, .noprint h3, .noprint div { display: none !important;}*/
  
  .name {
        display: "" !important;
        font-size:larger;
        font-weight:bold;
  }
  .column {
    	float: left;
        margin-right: 15px;
   }
   .endColumns { 
        clear: both;
  }
 
  content a:link:after, contentWide a:link:after, content a:visited:after, contentWide a:visited:after { content:" [" attr(href) "] "; font-size:90%; }
   
  body:after {
     content: "Powered by EUREKA, CCIS, copyright 2018, www.eureka.org";
     display: block;
     margin-top: 2em;
     text-align: center;
  }

 }