/* Global site styles */

    body{
        position:relative;
        padding:0px;
        background-color: #08233b; color: #000; font-size: .8em;
        background-attachment:fixed;
        font: 10pt arial, helvetica, sans-serif;
	    
    }
        
    #content{
        /*float: left;*/
        margin-left: 205px;
        margin-top: 10px;
        padding-bottom: 1em;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        width: 740px;
        /*background: url(images/contentbg.png) top left repeat-y;*/
        background-color: #fff;
        box-shadow: 3px 3px 3px #1d1d1d;
    }
    
#footer 
{
        /*background: url(images/footerbg.png) bottom left no-repeat #fff;*/
        margin-left: 205px;
        padding-bottom: .5em;
        padding-top: 5px;
        padding-left: 15px;
        padding-right: 15px;
        width: 740px;
        text-align:right;
        background-color: #fff;
        box-shadow: 3px 3px 3px #1d1d1d;
}

#footer.p
{
        background: url(images/footerbg.png) bottom left no-repeat;
        margin-top: 0px;
        padding-bottom: 0;
        padding-top: 0px;
        text-align:right;
}
 

img.left  {display: inline; float: left; margin: 0 1em 1em 0; padding-top: 10px;}
img.right {display: inline; float: right; margin: 0 0 1em 1em;}   
img.text {margin:0; vertical-align: middle; }
img.imgtop  {vertical-align:text-top; height: 100%; margin:0;}
    
#space
    {
        position: static;
        display: block;
        float:none;
        margin: 0 auto; 
        padding: 0; 
        width: 100%; 
        font: 10pt arial, helvetica, sans-serif;
	    color: #303030;
    }
    
#space p {font-size: 1em; margin: 0; padding: 0 0 1em;}
    
    
    #header
    {
        height:160px;
        background-color:#fbf5ea;
        width: 740px;
        margin-left: 200px;
        font-size:x-small;
        padding:0px;
        float: left;

    }
    
    blockquote {

          margin-top: 10px;
          margin-bottom: 10px;
          /*margin-left: 50px;*/
          margin-left: 5%;
          padding-left: 15px;
          border-left: 3px solid #ccc;
    }
    
    #writtensample 
    {
          margin-top: 10px;
          margin-bottom: 10px;
          margin-left: 50px;
          padding-left: 15px;
          padding-right: 30px;
          font: 10pt "Courier New", Courier New, Courier, georgia, times, monospace;  
    } 

div#writtensample.narrowMargin {
    margin-left: 0 !important;
}
    
    .handwriting
    {
        font-family: Sher, Comic Sans MS, comic sans, Lucida Handwriting, Lucida Sans, Monotype Corsiva, courier new, arial ;
        font-size: 12pt;
    }
    
    .handwriting_teacher
    {
        font-family: Lucida Sans, Monotype Corsiva, Lucida Handwriting, Comic Sans MS, comic sans, courier new, arial ;
        font-size: 12pt;
        font-style: italic;
    }
    
    #writtensample h2
    {
          margin-top: 10px;
          margin-bottom: 10px;
          margin-left: 50px;
          padding-left: 15px;
          padding-right: 30px;
          text-align: center;
          font: 10pt courier, serif; 
          font-weight:bold; 
          color: #000;
    } 
    
    .box
    {
        border: solid 1px #ccc; padding: 10px;
    }

    .centerBox {
  margin: auto;
  width: 50%;
  padding: 10px;
}
    
    .serif {font-family: times new roman, times, georgia, serif;}
    
    h1{
        color:#045CAA;
        background: url(images/NYlogo.png) left no-repeat;
        font-size: 20pt;
				background-size: 85px;
        font-family:arial;
        margin: 0 10px 0 -11px; 
        font-weight:bold;
        width: auto;
        text-align:center;
        padding: 0; 
        line-height: 91px;
				border-bottom: solid 4px #09233a;
    }
    
    h1.double {
        color:#045CAA;
        background: url(images/header.jpg) top left repeat-x;
        font-size: 20;
        font-family:arial;
        margin: 0 10px 0 -11px; 
        font-weight:bold;
        width: auto;
        text-align:center;
        padding: 0 0 20px 0; 
        line-height: 40px;
    }
    
    
    h2{
        color:#045CAA;
        font-size:18pt;
        font-family:arial;
      
        font-weight:bold;
    }
    
    h3{
        color:#002A5D;
        font-size: 16pt;
        font-family:arial;
      
        font-weight:bold;
    }
    
    h4{
        color:#002A5D;
        font-size: 13pt;
        font-family:arial;
       
        font-weight:bold;
        font-style:italic;
    }

    h5.sub {
        color:#002A5D;
        font-size: 12pt;
        font-family:arial;       
        font-weight:bold;
        font-style:italic;
    }
    
    h5{
        color:#303030;
        background: url(images/ob_bg.png) top left repeat-y;
        font-size: 100%;
        font-family:arial;
        padding:10px 10px 10px 10px;
        font-weight:bold;
    }
    
    h6{
        color:#045CAA;
        font-size: 10pt;
        font-family:arial;
        font-weight:bold;
    }
   
    h2 span{
        font-size:105%;
        font-weight:normal;
    }
    
    a   
    {
        color:#045CAA;
        text-decoration: underline;
    }
        
    
    .left
    {
        float: left;
    }    
   
    span.subtitle {
    font-size: 90%;
    font-style: italic;
}
   
/* Tables */

.column  {display: inline; float: left; margin: 0 20px; overflow: hidden;}
.row     {margin: 0 auto; overflow: hidden; width: 100%;}
.grid_1  {width: 50px;}
.grid_2  {width: 120px;}
.grid_3  {width: 200px;}
.grid_4  {width: 280px;}
.grid_5  {width: 360px;}
.grid_6  {width: 440px;}
.grid_7  {width: 520px;}
.grid_8  {width: 600px;}
.grid_9  {width: 680px;}
.grid_10 {width: 760px;}
.grid_11 {width: 840px;}
.grid_12 {width: 920px;}


    table       {border-top: 1px solid #C0C0C0; border-collapse: collapse; margin: 1em 0; width: 100%;}
    th          {border: 1px solid #C0C0C0; background-color:#F0F0F0; border-collapse: collapse; text-align: left; font-size: .95em; line-height: 1.5em; margin: 0; padding: .35em .5em; color: #000; font-weight: 700;}
    th.center   {text-align: center;}
    th.mid      {background-color: #1D1D1D; color: #FFF; text-align: center;}
    td          {border: 1px solid #C0C0C0; border-collapse: collapse; font-size: .95em; line-height: 1.5em; margin: 0; padding: .35em .5em;}
    td.center   {text-align: center;}
    td input    {clear: none; display: inline; float: none; margin: 0; padding: 0;}
    
    table.lesson       {border: 2px solid #000; border-collapse: collapse; margin: 1em 0; width: 100%;}
    .lesson th          {border: 1px solid #000; background-color:#FFF; border-collapse: collapse; text-align: left; font-size: .95em; line-height: 1.5em; margin: 0; padding: .35em .5em;  font-weight: 700;}
    .lesson td       {border: 1px solid #000; border-collapse: collapse;  font-size: .95em; line-height: 1.5em; margin: 0; padding: .35em .5em;}

table.thick       {border: 2px solid #000; border-collapse: collapse; margin: 1em 0; width: 100%;}
tr.bottomThick {
    border-bottom: 2px solid #000;
}
tr.topThick {
    border-top: 2px solid #000;
}
tr.bottomDouble {
    border-bottom: 2px double #000;
}
td.leftThick, th.leftThick {
    border-left: 2px solid #000;
}
td.rightThick, th.rightThick {
    border-right: 2px solid #000;
}

    table.noborder       {border-top: none;  width: auto;}
    .noborder th         {border: none; font-weight:normal; background-color:#fff; }
    .noborder td         {border: none; vertical-align:top;}
    .noborder  td.indent  {padding-left: 2em;}
td.shade {
    background-color: #F0F0F0;
}

/* Test Framework Table */
   /* table.framework {border-top: 1px solid #C0C0C0; border-collapse: collapse; margin: 1em 0; width: auto;}*/
  table.framework {border-collapse: collapse; margin: 1em 0; width: 85%;}
    
/* Menu */
    
    #sideBar{
        position: fixed;
        width: 205px;
        top: 75px;
        left:0px;
    }
    #sideBar img
    {border: none;}
    
    .top {background: url(images/menu_bg.png) top left no-repeat ; height: 10px; margin: -15px 0 -1px 0;}
    .mid {background-color: #e1edf5; padding: 10px 0 10px 0;}
    .bot {background: url(images/menu_bg.png) 0 100% no-repeat; height: 10px;}
    
    
      
    #sideBarTab{
        float:left;
 
        width:28px;
    }
   
    #sideBarTab img{
        border:0px solid #FFFFFF;
    }
    #sideBar   ul{
        margin:10px 0px 16px 0px;
        padding:0px 0px 0px 0px;
        font-weight:600;
        
    }
   
    #sideBar li{
        margin:5px 0px 5px 6px;
        padding:0px 0px 0px 14px;
        list-style-type:none;
        display:block;
        background: url(images/menu_bg_gr.png) top left no-repeat;
        width:173px;
    }
    
    /*#sideBar li.double{
        margin:0px 2em 0px 25px;
        padding:5px 0px 0px 7px;
        list-style-type:none;
        display:block;
        background: url(images/menu_bg_db.png) top left no-repeat;
        height: 35px;
        line-height: 100%;
        width:173px;
    }*/

    #sideBar li a{
        width:100%;
    }
   
    #sideBar li a:link,
    #sideBar li a:visited{
        color:#002A5D;
        font-family:verdana;
        font-size:85%;
        text-decoration:none;
        display:block;
        margin:0px 0px 0px 0px;
        padding:0px;
        width:100%;
    }
   
    #sideBar li a:hover{
        color:#003c48;

    }
    
    #pages {margin-left: 7px; font-weight: bold; color:#003c48;}
    #pages a{border: solid 1px #cccccc; margin: 2px; padding: 2px 5px 2px 5px; background-color: #adc6d7; text-decoration:none; color:#002A5D;}
    #pages a:hover{background-color: #8db3cd; color:#003c48;}
    
    #sideBar p {margin: 3px 0px 3px 6px; padding: 0 0 0 10px; background: url(images/menu_bg_sub.png) top left no-repeat; }

    #sideBar p a:hover{
        color:#003c48;

    }
    
    #sideBar h2     
    {
     color:  #045CAA; 
     font-size: 12pt;
     font-weight: bolder;
     margin-bottom: 0px;
    }
    #sideBar h2.bookmark
    {padding: 0 0 0 17px; background: url(images/menu_bm.png) top left no-repeat; }
    #sideBar h2.page
    {padding: 0 0 10px 17px; background: url(images/menu_pg.png) top left no-repeat; } 
    #sideBar h2.more
    {padding: 0 0 0 17px; background: url(images/menu_mo.png) top left no-repeat; }  

    .standards {background-color: #e1edf5; border: solid 1px #b9cbd7; text-align: center; width: 50%; margin-left: 150px;} 

/***/
/* Type Styles */

p          { font-size: 1em; line-height: 1.4em; margin: 1em 0;}
.jp, ol li.jp         { font-family:  Meiryo, "Hiragino Kaku Gothic Pro", Osaka, sans-serif;}
.ko, ol li.ko         { font-family: 'Gowun Batang', Nanum Gothic, Noto Sans CJK, Gulim, Malgun Gothic, serif;}
.rus, ol li.rus         { font-family:  "Geneva CY", "Helvetica CY", Arial, sans-serif; }
.greek, ol li.greek         { font-family:  Gentium, OdysseaU, GraecaUBSU,  Arial, sans-serif;  }
sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}
.lg {font-size: 1.3em; line-height: 2em; margin: 1em 0;}
.ChSimplified, .ChTraditional   {font-family: PMingLiU, SimHei, STHeiti, Tahoma, Helvetica, Arial, sans-serif;}
.hebrew {text-align: right;}
sub { top: 0.4em; }
.error     {color: #C00; font-weight: 700;}
p.small,
span.small {font-size: .85em;}
span.EAS {font-family: Tahoma, Verdana, Serif; }
strong     {font-weight: 700;}
em         {font-style: italic;}
.price     {color: #369; font-size: 1.2em;}
.tab {
    text-indent: 20px;
}
p.hangingIndent { 
text-indent: -20px;
padding-left: 20px;
}
span.indent {
    display: block;
    margin-left: 30px;
}

.doublespace {line-height:2;
}

.red {color: #D80020;}
.blue {color: #007FA3;}
.green {color: #008638;}
.purple {color: #9e007e;}

img.padded {padding: 0 0 1em 0;}
.textcenter {text-align: center;}
.textright {text-align: right;}

/* List Styles */
/* ol         {list-style: decimal none outside; margin-left:0px; padding-left:20px;}*/ 
ol         {list-style: decimal none outside; margin: 1em 0 1em 3em;}
ol.num    {list-style: decimal none outside; margin: 1em 0 1em 3em;}
ol.num li  {background: none;  font-size: 1em; line-height: 1.4em; padding: 0 0 .25em 1.5em;}
ol.ABC     {list-style: decimal none outside; margin: 1em 0 1em 3em; list-style-type: upper-alpha; }
ol.ABC li  {background: none;  line-height: 1.4em; padding: 0 0 .25em .5em;}
ol.ABC .jp li  {background: none;  line-height: 1.4em; padding: 0 0 .25em .5em;}
ol.ch li  {background: none;  line-height: 1.4em; padding: 0 0 1em .5em; margin: margin: 1em 3em 1em 3em; }
ol.indicator     {list-style: decimal none outside; margin: 1em 0 1em 3em; list-style-type: lower-alpha; }
ol.indicator  li  {background: none;  font-size: 1em; line-height: 1.4em; padding: 0 0 .25em .5em;}

.under  {text-decoration:underline;}
.over {text-decoration: overline;}
.arrow_over {background: url(images/questions/arrow_over.png) 50% 0 no-repeat; padding-top:2px; margin-top: 8px; }

/*ul          {margin-left:0px; padding-left:20px;} */
ul         {list-style-image: none; list-style: outside; list-style-type: none; margin: 1em 0 .5em 1em; padding: 0 0 .25em .5em; }
ul li         {background: url(images/bullet.gif) 0 0 no-repeat;  font-size: 1em; line-height: 1.4em; padding: 0 0 .25em 1em;}

ul.dash {
  list-style-type: none;
}
ul.dash li:before {
  content: '\2014';
  position: absolute;
  margin-left: -20px;
}
ul.dash li {
    background-image: none;
}
ul.nomargin {
    margin-left: 0;
}
ol.nomargin {
    margin-left: 0;
    padding-inline-start: 2em;
}
ul.narrow           {list-style-type: disc; list-style: outside; margin: 1em 0 .5em 1em; padding: 0 0 .25em .25em; }
ul.narrow li        {background: none; line-height: 1.4em; padding: 0 0 .25em 0em;}

/*ul--- li----->*/

ul.check     {list-style-image: none; list-style-position: outside; list-style-type: none; margin: 1em 0 1em 1.5em;}
ul.check li  {background: url(images/li_check.png) 0 4px no-repeat; padding: 0 0 .75em 1.5em;}
ul.scoring     {list-style-image: none; list-style-position: outside; list-style-type: none; margin: 1em 0 1em 1.5em;}
ul.scoring li  {background: none; padding: 0 0 .75em 1.5em;}
dl.faqs      {clear: both; margin: 1em 0;}
dl.faqs dt   {background: url(images/dt_faq.png) 0 0 no-repeat; color: #444; cursor: pointer; font-weight: 700; margin: 1em 0; padding: 0 0 0 24px;}
dl.faqs dt.e {background: url(images/dt_faq_expanded.png) 0 0 no-repeat; margin: 1em 0; padding: 0 0 0 24px;}
dl.faqs dd   {border-left: 5px solid #CCC; font: normal 13px/18px Arial, Sans-Serif; margin: 0 0 1em 24px; padding: 1em;}
dl.faqs a   {color: #444; cursor: pointer; font-weight: 700; text-decoration:none;}

dl.faqs dt  span.open {display:none;}
dl.faqs dt.e span.shut {display:none;}
dl.faqs dt.e  span.open {display:inline;}

/* Questions */
.q-controls {font-size: 11px;}

.information {background: url(../../config/images/information.png) 12px 10px no-repeat #D1E4F3; border: 1px solid #4D8FCB; color: #565656; margin: 1em 0; min-height: 55px; padding: 0 10px 0 55px;}

#map { position: relative; }
.spotArea { height: 15px; }
area.spotTarget {
    cursor: crosshair;
}



/*Responsive*/

.scale {max-width: 100%; height: auto;}

@media (max-height: 700px) /*and (min-width: 800px)*/
{
    
    body{
        margin: 0;
    }
        
    #content{
        margin-left: 207px;
    }
    
    
    #sideBar{
        position:relative;
        top: 0px;
        margin: 5px 5px 0 0;
        float: left;
    }
    #footer 
    {
           
            margin-left: 207px;
    }
}

@media (min-width: 850px) and (max-width: 992px) 
{
    #content{
           
            width: 600px;
            background-color: #fff;
            box-shadow: 2px 2px 3px #bbb;
        }
        
    #footer 
    {        
            background-color: #fff;
            box-shadow: 2px 2px 3px #bbb;        
            width: 600px;        
    }

}

@media (max-width: 850px) 
{
    #content{
              width: 500px;
    }
    
    #footer 
    {   
            width: 500px;        
    }
    
}

@media (max-width: 768px)

{
    #content{
              width: 450px;
    }
    
    #footer 
    {   
            width: 450px;        
    }  
    
}

@media (max-width: 600px) 
{
    #content{
        margin-left: 0px;
        margin-top: 5px;
        width: auto;
        box-shadow: none;
    }
    
    #footer 
    {        
            background-color: #fff; 
            box-shadow: none;
            margin-left: 0px;
            width: auto;
    }  
    #sideBar{
        position: relative;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        width: 100%;
        top: 0px;
        left:0px;
    }

    .top {display:none;}
    .mid {background-color: #e1edf5; padding: 10px 0 10px 0; }
    .bot {display:none;}
   

    #sideBar   ul{
        margin: 0px 0px 0px 5px;
        padding: 0px 0px 0px 5px;
        font-weight:600;
        width: 95%;
    }
   
    #sideBar li{
        margin: 3px 0px 3px 0px;
        padding: 0px 0px 0px 0px;
        list-style-type: disc;
        width: auto;
        display: inline;
        background: none;
    }
   
    #sideBar li a:link,
    #sideBar li a:visited{
        font-size:80%;
        margin:0px 0px 0px 0px;
        padding:0px;
    }
    
    #sideBar h2  {font-size: 11pt; font-weight: bold; margin: 0 0 0 5px;}
    #sideBar h2.bookmark, #sideBar h2.more, #sideBar h2.page {padding: 0 0 0 0px; background: none;}
    #sideBar h2.page {margin-bottom: 5px;}
    h1 {background: none; line-height: 25px; margin: 0; padding: 0 10px 0 0; border-bottom: none;}
    #sideBar img {height: 15px; width: 15px; display: inline; margin-left: -250px;} 
    table.lesson {border: 2px solid #000; border-collapse: collapse; margin: 1em 0; width: 100%;}
}

/*@media (max-width: 400px) 
{
    #sideBar   ul{display:none;} 
    #sideBar{
        position: fixed;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 5px;
        width: 100%;
        top: 0px;
        left:0px;
    }
    h2.bookmark, h2.more {display:none;}
    #sideBar img {margin-left: -100px;} 
    #content{margin-top: 100px;
    }
     
     .scale img {width:100%;}
    
}*/
    
/*for screen readers only, otherwise hidden*/

.hidden 
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}

.offscreen {position:absolute; left:-999em; top:auto; width:1px; height:1px; overflow:hidden;}
.bold {font-weight:bold;}
p.center { text-align: center; }
div.tableWrapper 
{
    border: 1px solid #C0C0C0;
    border-bottom: 0;
}

td.right 
{
        text-align: right;
}

h3.h5, h4.h5, h6.h5
{
    color: #303030;
    background: url(images/ob_bg.png) top left repeat-y;
    font-size: 100%;
    font-family: arial;
    padding: 10px 10px 10px 10px;
    font-weight: bold;
    font-style: normal;
}

h5.h4, h6.h4
{
    color: #002A5D;
    font-size: 13pt;
    font-family: arial;
    font-weight: bold;
    font-style: italic;
    background-image: none !important;
}

h5.h6 
{
    color:#045CAA;
    font-size: 10pt;
    font-family:arial;
    font-weight:bold;  
    background-image: none !important;
    padding: 0;
}

.paddedList > li + li 
{
    margin-top: 2em;
}

table.captionTop 
{
    caption-side: top;
}

table.captionTop > caption 
{
    background-color: #F0F0F0;
    font-weight: bold;
    padding: 10px;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #C0C0C0;
}

table.captionTop + table.captionTop
{
    margin-top: 1em;
}

table.scorePoint > caption
{
    display: none;
}

    table.scorePoint > tbody> tr > td::first-of-type
    {
        background-color: #F0F0F0;
    }

th.spaceAbove, td.spaceAbove 
{
    padding-top: 1em !important;
}

ol > li > ol.nested 
{
    margin: 0;
    padding-left: 1em;
}

ol.nested > li 
{
    padding: 0;
}

ol > li > ul.nested 
{
    margin: 0;
    padding-left: 0;
}

table.perfCharacteristics 
{
    
}

table.perfCharacteristics > caption 
{
    display: none;
}

table.scorePoint4321UB 
{
    
}

    table.scorePoint4321UB td 
    {
        min-height: 2.25em;
        overflow: hidden;
        font-size: .95em;
        line-height: 1.5em;
        margin: 0;
        padding: .35em .5em;
    }

    table.scorePoint4321UB ul 
    {   
        /* [Sean Reeves] (08/03/2018) Comment: Default padding causes overflow issues for contents. Overrided here. */
        /*margin-top: 12.667px;
        margin-bottom: 12.667px;*/
        margin-top: 0.9em;
        margin-bottom: 0.9em;
    }
/* Class for math fractions */    
span.frac {
     display: inline-block;
     vertical-align: middle;
     text-align: center;
     min-width: 14.83px;
}
 span.frac > sup {
     display: block;
     border-bottom: 1px solid;
     font: inherit;
     position: static;
}
 span.frac > span {
     display: none;
}
 span.frac > sub {
     display: block;
     font: inherit;
     position: static;
}

 .parenthetical
{
            
}

.parenthetical:after
{
    display: inline-block;
    content: ")";
    transform: scale(0.8,2);
}

.parenthetical:before
{
    display: inline-block;
    content: "(";
    transform: scale(0.8,2);
}

.nobr 
{
    white-space: nowrap;
}