@charset "UTF-8";
/* CSS Document */

/* NYLearns MASTERPAGE STYLESHEET :::::::::::::::::::::::::::
Colors
----------------------
Header Blue:    #244358
Model Blue:     #557488
tr:hover Blue:  #f3fbff
Gray Blue       #e7ecf0
Footer Green:   #62867d
Body White:     #f7f7f7
Hover Gray:     #e3e3e3
Tab Gray:       #e7e7e7 ( Also border on f7f7f7 elements )
Border Gray:    #d3d3d3
Subnav Orange:  #f6f1dd

Blocks
---------------------
Light Blue:     #8ac9ee
Medium Blue:    #77b1dd ( "Blue Links" - stay on page ... model opens or pagination )
Dark Blue:      #559dd5
Light Green:    #b7d887
Medium Green:   #9dd06e ( Link Hover )
Dark Green:     #84c44a
Light Orange:   #f6cf55
Medium Orange:  #eda620
Dark Orange:    #e0941c ( "Orange Links" - send to new page )
Light Red:      #e59d83
Medium Red:     #cc6143
Dark Red:       #8e321d
Light Gray:     #b3b3b3 
Medium Gray:    #808080
Dark Gray:      #666666( Button Border )
:::::::::::::::::::::::::::*/

/* Reset margins and padding on most base elements to give us a clean start 
-- Callout ULs with a specific target to avoid issues with the user text editor */
body, h1, h2, h3, h4, h5, h6, h7, header, nav ul, nav li, ul.subnav, ul.subnav li, #content, #login ul, #login li, ul.tabs, ul.tabs li, ul.paging, ul.paging li, footer div, footer ul, footer li, button { margin: 0; padding: 0; border: none;}

/* Center the main page sections in the browser */
header, #content, nav, footer {
	clear: both;
	display: block;
	margin: 0 auto;
	width: 100%;
}

#content {
	min-height: 340px;
	width: 960px;
	margin: 0 auto;
}

.contain-960 /* Used to contain elements to 960px until a more adaptive width can be implemented */
{
    width: 960px;
    margin: 0 auto;
}

/* Header Background :::::::::::: */
body { background: #f7f7f7 url(images/subnav-color.gif) repeat-x center 146px; } 
	
/* Type scale :::::::::::: */
body, input     { font: 400 12px/1.5em 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif !important; color: #063f6f; }
.text-medium    { font-size: 14px; } /*14px*/
.text-secondary { font-size: 12px; } /*12px*/
.text-mini      { font-size: 11px; line-height: 1.5em; } /*11px*/
/* May need a medium size -- 14px */

h1, h2, h3, h4, h5 { font-weight: 400; }
h1      { font-size: 30px;}  /*30px*/
h2      { font-size: 24px; padding: 20px 0 15px; }   /*24px*/
h3      { font-size: 18px;}  /*18px*/
h4,
h5      { font-size: 14px;}      /*14px*/

p#disclaimer:first-child { margin-top: 0px; }

input, button       { font-weight: bold; font-size: 12px; }
#current-date, footer { font-size: 10px; font-weight: normal; }
#current-date img, #current-date a {border:none;}
/* Links :::::::::::: */
a               { 
                  
                  color: #5BAED4; 
                  text-decoration: none;
                  /*
                    text-decoration: none; 
                  -moz-transition: color .25s linear;
			      -o-transition: color .25s linear;
			      -webkit-transition: color .25s linear;
			      transition: color .25s linear;
                    */
}
a:hover         { color: #30618a; }

em { font-weight: bold; }
	
/* Forms :::::::::::: */
input, textarea, select { 
	border: 1px solid #ccc;
    border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	margin: 0;
	padding: 2px 3px;
	background: #fff url(images/search-bg.gif) repeat-x left top;
	-moz-border-radius: 3px;
    border-radius: 3px;
    }
    
textarea { margin: 15px 0; }    
    
input {
    height: 21px;
    }
 
 input[type=radio], input[type=checkbox] { background: none; border: none; height: auto; margin-top: 2px;}   
    
select  {
    background: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
    }
    
/* IE7, IE8 */
select:focus {
    width: auto\9;
    position: relative\9;
}  
    
    .searchbox input { margin: 0 }
    
input.btn ,input[type=button] ,input#btnsave, input.btnsave, .search-button, #paging div a, .paging li a, .paging span, .pagination a, ul.paging li a, .btn-small, .search-btn, #Search-Button, .system-button, .drag-buttons button, .btn-medium, .SubmitButton, div#PybStandardsManage input, .insert-button-div input, button, button.search-button, #save button.search-button {
    cursor: pointer;
	color: #fff;
	text-shadow: none;
	display: block;
	background: #5baed4;
	height: 25px;
	padding: 0 8px;
	font-weight: 600;
	border-radius: 500px;
	border:none;
	font: 600 11px/1.5em 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	box-shadow: 2px 2px 1px #eee;
	box-shadow: 2px 2px 1px rgba( 0, 0, 0, 0.10 );
    }
    
    a.search-button { padding: 8px 8px 0; }
    
    .paging li { padding: 0; }
    div.paging a { line-height: 23px; }
    
    button#BuildAssessment { margin-bottom: 15px !important; }
    
div#searchresults h3 span, div#SearchResultsContainer h3 span, div#SearchResultContainers h3 span { padding: 10px 5px !important; line-height: 23px;}

/*div#SearchResultsContainer*/ h3 .paging .paging { padding: 0; }

/*div#SearchResultsContainer*/ h3 .paging .paging li { padding: 0; border: none; }

/*div#SearchResultsContainer*/ h3 .paging .paging li.current, div#schoolPager .paging li.current, div#teacherwebpagePager .paging li.current { margin-top: 1px; padding: 0 8px; color: #fff;}
.paging li.current{ margin-top: 1px; padding: 0 8px; }

/*div#SearchResultsContainer*/ h3 .paging .paging li a { margin: 0; }
    
input.btn, input.search-btn { 
    height: 23px;
    padding-bottom: 2px;
}
    
    button:hover, input.btn:hover, input[type=button]:hover, input.btnsave:hover, .search-button:hover, /*.searchbox input#Search-Button:hover,*/ #paging a:hover, .paging a:hover, .pagination a:hover, ul.paging li a:hover, .paging li:hover, .btn-small:hover, .search-btn:hover,  /*.system-button:hover,*/ #Search-Button:hover, .drag-buttons button:hover, .btn-medium:hover, .SubmitButton:hover, div#PybStandardsManage input:hover, .insert-button-div input:hover, button.search-button:hover ,  #save button.search-button:hover 
    {
        color: #244358; background-color: #b8e7fc;
    }
    
    button.cancel, button.cancel-button 
    {
        background: #f8d3c5; border-color: #e59d83; color: #CC6143;   
    }
    
    .cancel-btn 
    {
        box-shadow: 2px 2px 1px #eee;
	box-shadow: 2px 2px 1px rgba( 0, 0, 0, 0.10 );
    }
    
     div.searchbox input#searchTerm {
            border: 0;
            float:left;
            width:580px !important;
        }

#CommunityEventManagement input.cancel-btn {
    padding-top: 0 !important;   
    padding-left: 8px;
    padding-right: 8px;
} 

#CommunityEventManagement .search-btn,
#CommunityEventManagement .cancel-btn {
    font: bold 11px/1.5em "Open Sans",Helvetica Neue,Helvetica,Arial,sans-serif !important;
    height: 25px;
}
 
/* Header ::::::::::::::::::::::::::::::: */
header {
    height: 110px;
    background: #30618a; 
    width: 100%;
    padding: 0;
    }
    /* Hide the skip to main content link */
	.skip-link {
		position:absolute;
		left:-10000px;
		top:auto;
		width:1px;
		height:1px;
		overflow:hidden;
	}
	/* Main Logo */
	header h1 { float: left; margin: 0; padding: 16px 0 0; }
		header h1 a img { border: none; display: block; }

    
    /* User info, help, and search ::::::::: */
	#user-module { float: right; padding-top: 30px; }
	
	/* UB Logo and Date */
	#current-date { color:#fff; float: right; padding-right: 12px; }
	    #current-date img, #current-date span { float: left; }
		#current-date img 	{ display: block; padding: 10px 15px 14px 0; }
		#current-date span	{ padding: 13px 17px 10px 0; background: url(images/calendar.gif) no-repeat right 17px; }
		
	
	/* User name, sign-in/out, and help */
	#user { clear: both; color:#fff; padding: 8px 6px 0 10px; height: 37px;}
	    #user, #user img, #user span, #user button { float: left; }
		#user img			{ box-shadow: 0 0 0 3px #b8e7fc !important; display: block; border-radius: 500px; height: 30px !important; width: 30px !important;}
		#user span			{ padding: 0 0 0 10px; display: block;}
		#user span#username	{ padding: 0 12px 0 4px; }
	
	    #user button 
	    {
	        background: none;
	        position: absolute;
	        display: block;
		    color: #5baed4;
		    margin: 0 0 0 27px;
		    top: 48px; 
		    padding: 5px 10px;
		    text-decoration: none;
		    font-size: 11px;
		    text-shadow: none;
		    border: none;
		    font-weight: 300;
		    box-shadow: none;
			}
			
	    #user button.sign-in	    { }
	    #user button.sign-out    { }
	    #user a.help		{ color: #a5d5f1; background:  url(images/icons/help_16.png) no-repeat 5px 3px; }
	    #user button:hover		{ cursor: pointer; color: #fff; }
	
	/* Main Site search */
	#mainsearch { background-position: right top; height: 35px; padding: 10px 0 0 6px; }
	.searchbox {  margin: 0 0 10px 0; padding: 0; width: 361px; -moz-border-radius: 3px; border-radius: 3px; /*float:right;*/}
	#mainsearch, #mainsearch input, #mainsearch ul, #mainsearch select, #mainsearch button, .searchbox input	{ float: left; }
		#mainsearch input, .searchbox input  { 
			width: 220px;
			padding: 5px 10px;
			border: none;
			-moz-border-radius: 3px;
			border-radius: 3px;
			box-shadow: inset 2px 2px 1px rgba( 0, 0, 0, 0.10 );
			}
			
		#mainsearch input { padding-right: 32px; }
		
		#content .searchbox 
		{
		    background: none repeat scroll 0 0 #30618A;
            border-radius: 0;
            box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
            float: none;
            margin: 10px auto 0;
            padding: 10px;
            width: 600px;
            }
		
		#mainsearch button, .searchbox button,
		.searchbox input.keysearchbtn
		 { 
			width: 32px !important;
			height: 32px !important;
			margin-left: -32px;
			border: none;
            padding: 0;
            background: none;
            text-indent: -9999px;
            background:  url(images/mag-glass.png) no-repeat center center;
            background-size: 16px 16px;
            box-shadow: none;
			}
			
			#mainsearch button:hover, .searchbox button:hover, .searchbox input.keysearchbtn:hover { box-shadow: none; }
	
	
	
/* Main Site Navigation :::::::::::::: */

nav  
{
    background-color: #5baed4; 
    height: 36px;
    }

	nav ul, ul.subnav, #login ul, ul.tabs, ul.paging, .icon-key ul, footer ul { list-style: none; margin: 0; padding: 0;}
	
	div.icon-key
    {
        background: none repeat scroll 0 0 #FFFFFF !important;
        border: 1px solid #ddd !important;
        border-radius: 0 !important;
        box-shadow: 2px 2px 1px rgba( 0, 0, 0, 0.10 ) !important;
        }

    .icon-key ul {
            border: none !important;
            background-color: #F6ECC4;
            background: none !important;
        }
	
	nav ul {width: 960px; margin: 0 auto; }
	
	/* Top level */
	/*
    nav li, nav li h4 a	{ }
	nav li              { width: 19%;}
	nav li.home         { width: 5%;  }
	nav li h4           { margin:0; padding: 0; }
	
	nav li a                                {  }
	
	nav li a:hover                          {  }
	nav li.home a	                        {}
		nav li.home h4 a, nav li h4 a 		{ display: block; }
		nav li h4 a 			            {  }
		nav li.home h4 a 	                { 
		                 	                 
                                              }
    */

	
	nav li, nav li h4 a	                    { position: absolute; }
	nav li a                                { color: #694000; text-decoration: none; }
	nav li a:hover                          { color: #30618a; }
	nav li.home a	                        { text-indent: -9999px; }
		nav li.home h4 a, nav li h4 a 		{ background-image: url(images/icons/house.png); /* For ie8 and below */
		                 	                  background-image: url(images/icons/house.svg);
		                 	                  background-repeat: no-repeat;
		                 	                  background-position: center center;
                                              background-size: 19px 16px;
                                              font-size: 0.9em;
                                            }
        nav li.home h4 a:hover,
        nav li.home h4 a.active,
        nav li.home.active h4 a             { background-image: url(images/icons/house-over.png); /* For ie8 and below */
		                 	                  background-image: url(images/icons/house-over.svg);
                                            }
		nav li h4 a 			            { background: #5baed4; color: #fff;  border-left: 1px solid #30618a;  width: 149px; height: 36px; line-height: 36px; text-align: center; }
		nav li.home	h4 a 	                { left: 0; 		z-index: 150; width: 60px; border: none;}
		nav li.standards h4 a		        { left: 60px; 	z-index: 140; }
		nav li.educational-resources h4 a	{ left: 210px; 	z-index: 130; }
		nav li.assessment h4 a		        { left: 360px; 	z-index: 120; }
		nav li.community h4 a		        { left: 510px; 	z-index: 110; }
		nav li.my-nylearns h4 a		        { left: 660px; 	z-index: 100; }
		nav li.support h4 a		            { left: 810px; 	z-index: 100; }
	
	/* Sub level */
	nav li ul { 
		position: absolute; 
		top: 36px; 
		width: 960px;
		height: 40px;
		padding: 0 0;
		display: none;
		background: #b8e7fc;
		font-size: 12px;
		line-height: 24px;
		color: #063f6f;
		}
		
	ul.subnav { 
		/*top: 67px;*/
		position: relative;
	    width: 950px;
		height: 35px;
		margin: 0 auto;
		padding: 0 5px;
	    background: #fff;
	    border-radius: 0 0 3px 3px;
	    border: 1px solid #ddd;
	    border-top: none; 
	    }
		
		
		
		nav li ul li, ul.subnav li { float: left; position: relative; } 
			nav li ul li a, ul.subnav li a {
			    
			    color: #30618a;
			    text-shadow: none;
				background: transparent url(images/subnav-marker.png) no-repeat center 100px;
				display: block; 
				padding: 8px 12px;
				line-height: 24px;
				}
				
				/* Working on future drop downs to aid hover effects --

                nav li:hover ul     { position: relative; clear: both; width: auto; background: none; }
				nav li:hover ul li  { float: none; }

                */
				
			ul.subnav li a {
			    background: none;
			    font-size: 10px;
			    color: #30618a;
			    margin: 5px 3px 0 ;
			    border-radius: 500px;
			    padding: 0px 8px;
			    }
	
	/* Hover and active states */
	/* Top level */
	nav li:hover ul, nav li.active ul		{ display: block;}
	
	nav li.active a, nav li.active h4 a     { z-index: 200; color: #30618a; background-color: #b8e7fc; }
	nav li a:hover, nav li:hover            { z-index: 210; color: #30618a; background-color: #b8e7fc; }
	
	
	
		/* Sub level */
		nav li ul li:hover a, ul.subnav li a:hover 			{ color: #5BAED4;  }
		ul.subnav li a:hover                                { /*background-color: #77b1dd;*/ border: none; padding: 0px 8px;}
		nav li ul li a.active, nav li ul li a:hover.active, 
		ul.subnav li a.active, ul.subnav li a:hover.active	{ font-weight: bold;  background-position: center bottom; background-color: transparent; border: none; 
		}
		ul.subnav li a.active, ul.subnav li a:hover.active	{ padding: 0px 8px; }
		
		
#content { padding-top: 40px; }

.top-level-back { margin-top: 10px; /* For buttons outside of a container */}
	
	/* Gray Tab nav used for showing/hiding divs */	
        ul.tabs li { 
            display: block;
            float: left;
            margin-right: 1px;
            margin-bottom: -1px;
            }
            
            ul.tabs li a{
                cursor: pointer;
                color: #fff;
                display: block;
                background: #30618A;
                height: 21px;
                line-height: 21px;
                
                padding: 5px 15px 5px;
                border-radius: 0;
                border: 1px solid #30618A;
                border-bottom: none;
                box-shadow: none;
                text-shadow: none;
                text-decoration: none;
                }
                
                ul.tabs li a:hover, ul.tabs li a.active  
                {
                    background: #fff; 
                    color: #30618a; 
                    border: 1px solid #ddd;
                    border-bottom: none;  }
                    
                ul.tabs li a:hover {  /* border-bottom: 1px solid #ddd; margin-bottom: -2px; */}   
                ul.tabs li a.active { }
                
            .dropdown-toggle ul.tabs li   { margin-bottom: 0; }
            .dropdown-toggle ul.tabs li a  
            {
                text-shadow: none; 
	            background: #5baed4; 
	            border: none; 
	            color: #fff; 
	            border-bottom: 1px solid #fff; 
                box-shadow: none; 
                }
                .dropdown-toggle ul.tabs li a:hover, .dropdown-toggle ul.tabs li a.active  
                {
                    background: #30618a;
	                border-bottom: 1px solid #30618a;
                    }
                
             
                
     /* Pagination */
        #paging, .paging, .pagination { 
        display: block;
        
        padding: 5px 0;
        float: right;
        -webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
        }
        
        .pagingStripTop { 
            padding: 0 7px; 
            }
            
        #paging, .paging, .pagination { margin: 0; padding: 5px; background: none;}
     
        #paging div, .paging span, .paging a, ul.paging li, .paging li,
        .pagination div, .pagination span { display: block; float: left; }
            
        #paging div a, .paging span, .paging a, .pagination a { font-size: 12px; line-height: 23px; padding: 0 9px; }
        
        .pagination   { /*margin: -6px 0 3px;*/ margin: 0;}
        .pagination a { margin-left: 2px; float:left; }
        
        #paging div, .paging span, .paging li:hover, ul.paging li, .paging li { display: block; margin: 0 1px; padding: 0;}
        
        #paging .arrow a, .paging .arrow a { font-size: 14px; line-height: 20px; font-weight: normal;}
        
        .paging li { margin: 0 1px; }
        
        #paging div.current, .paging li.current, .pagination .current  
        {
           color: #244358 !important;
            margin-top: 2px;
            padding: 0 8px; 
            font-size: 12px; 
            
             border-radius: 500px !important; background-color: #b8e7fb !important;  color:#244358 !important;
            line-height: 23px;
            padding: 0 9px !important;
            height: 25px;
            margin-top: 0 !important;
            text-shadow: none;
            }
            
            #paging div.current a, ul.paging li a.active, .pagination .current {
            /* background-color: #5BAED4 !important;  
            color:#244358 !important; */
            
            border-radius: 500px !important; background-color: #b8e7fb !important;  color:#244358 !important;
            line-height: 23px;
            padding: 0 9px !important;
            height: 25px;
            margin-top: 0 !important;
            text-shadow: none;
            
            /*padding-top: 1px;
            -webkit-border-radius: 0;
		    -khtml-border-radius: 0;
		    -moz-border-radius: 0;
		    border-radius: 0;
		    border: none;
            */
            
            }
            
            .paging span.current, .paging li.current, .pagination .current {  padding-top: 1px; background: none; border: none;}
            #SearchDiv h3 #paging .current, #SearchDiv h3 .pagination .current {
                color: #FFFFFF;
                margin-top: 1px;
                padding: 0 8px;
            }
        ul.paging li.prev a, ul.paging li.next a { 
                                    background: transparent url(images/arrows-small.png); 
                                    text-indent: -9999px; 
                                    width: 10px; 
                                    height: 14px;
                                    margin-top: 2px;
                                    padding: 3px 5px;
                                    cursor: hand;
                                    }
        ul.paging li.prev a { background-position: left top; border: none; }
        ul.paging li.next a { background-position: right top; border: none; }
        ul.paging li.prev a:hover { background-position: left bottom; }
        ul.paging li.next a:hover { background-position: right bottom; }


/* Content ::::::::::::::::::::::::::::::: */
#content #content { padding-top: 0 !important; }

#disclaimer,.disclaimer  { 
    margin: 0 auto; 
    padding: 20px 0; 
    /*font-family: Georgia, serif;
    font-size: 16px; 
    line-height: 24px;
    text-align: center;*/
    }
    
#disclaimer a, .disclaimer a { text-decoration: underline !important; }

#home-feature { width: 630px; height: 296px; margin-top: 15px; margin-right: 10px; margin-bottom: 20px; float: left;}
   #home-feature h2 { 
   height: 62px; 
  
   line-height: 30px; 
   padding-bottom: 15px;
   padding-top: 0; 
   }

#active-users { 
    background: #244358 url(images/icons/icon-nylearns-small.gif) no-repeat 7px center; 
    color: #fff; 
    position: absolute;
    margin: 195px 0 0 10px;
    padding: 4px 8px 4px 33px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 99;
	display:none;
    }
    
    #active-users .red { color: #e59d83; font-weight: bold;}

#site-features { 
    clear: both;
    width: 960px; 
   
    }
    
    #site-features div#features-toggle, #DropDownSearchContainers {
        clear: both;
        padding: 10px 0 ;
        /*
        border: 1px solid #d3d3d3;
        background: #fff;
        
		-moz-border-radius: 0 5px 5px 5px;
		border-radius: 0 5px 5px 5px;
		*/
		
		 background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #ddd;
        border-radius: 0;
        box-shadow: 2px 2px 1px #eee;
        box-shadow: 2px 2px 1px rgba( 0, 0, 0, 0.10 );
        }
        
     div.dropdown-toggle { 
        margin: 30px auto 0 !important;
        width: 460px !important;
        width: 620px !important;
        padding-bottom: 10px !important;
        }
        
        #DropDownSearchContainers {  
            padding: 20px 30px !important;
            background: #30618a !important;
            border: none !important;
            }
        
        #DropDownSearchContainers.dropdowns div {
            background: #30618a !important;
            border: medium none !important;
            box-shadow: none !important;
            float: none !important;
            width: auto !important;
        }


    #site-features div#overview     {  }
    #site-features div#community, #site-features div#featured-content, #site-features div#featured-content-archive
    {  }
    #site-features div#tools        {  }
        
        #site-features div#community div,
        #site-features div#tools div               { text-align: center; }
        #site-features div#community div h4,
        #site-features div#tools div h4            { padding-top: 70px; margin-top: 10px; }
        
        #site-features div#community div#communitites h4    { background: url(images/icons/plc_64.png) no-repeat center top; }
        #site-features div#community div#forums h4    { background: url(images/icons/forums_64.png) no-repeat center top; }
        #site-features div#community div#events h4    { background: url(images/icons/events_64.png) no-repeat center top; }
        
        #site-features div#tools div#profile h4    { background: url(images/icons/profile_card_64.png) no-repeat center top; }
        #site-features div#tools div#featuredcontent h4 { background: url(images/icons/feature_64.png) no-repeat center top; }
        #site-features div#tools div#eportfolio h4 { background: url(images/icons/portfolio_64.png) no-repeat center top; }
        #site-features div#tools div.website h4    { background: url(images/icons/web_64.png) no-repeat center top; }
        #site-features div#tools div#curriculum h4 { background: url(images/icons/curriculum_64.png) no-repeat center top; }
        #site-features div#tools div#eplanner h4 { background: url(images/icons/eplanner_64.png) no-repeat center top; }
        #site-features div#tools div#mycontent h4 { background: url(images/icons/content_64.png) no-repeat center top; }
        #site-features div#tools div#assessment h4 { background: url(images/icons/assessment_64.png) no-repeat center top; }
        #site-features div#tools div#communities h4 { background: url(images/icons/plc_64.png) no-repeat center top; }
        #site-features div#tools div#pyb h4 { background: url("images/icons/content_64.png") no-repeat scroll center top transparent;}
        #site-features div#tools div#admintools h4 { background: url("images/icons/gear_64.png") no-repeat scroll center top transparent;}
        
        #site-features p { margin-top: 10px;  }
        
        .provides li 
 {
    padding: 20px 0;   
 }
    
     
.grid-6cols, .grid-4cols, .grid-3and1, .grid-3cols, #news-features { float: left; padding: 0 10px; } 

.grid-6cols:first-child, .grid-6cols:first-child h3, .grid-4cols:first-child, .grid-4cols:first-child h3, .grid-3cols:first-child, .grid-3cols:first-child h3 { margin-right: -2px; }

.grid-6cols, .grid-6cols h3 { width: 140px; }
.grid-3and1 { width: 180px; }
.grid-4cols, .grid-4cols h3 { width: 220px; }
.grid-3cols, .grid-3cols h3 { width: 290px; }
#features-toggle h5 {
    font-weight: bold; 
    padding: 10px 0;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    }
    #features-toggle h5.elementary {
        background: #fff url(images/icons/elem-circle.png) no-repeat 260px center;
        }
    #features-toggle h5.intermediate { 
        background: #fff url(images/icons/int-circle.png) no-repeat 260px center;
        }
    #features-toggle h5.commencement { 
        background: #fff url(images/icons/comm-circle.png) no-repeat 260px center; 
        }
    #features-toggle h5.rss { color: #fff; background: #30618A /*url(images/icons/rss-circle.png) no-repeat 265px center*/; padding: 10px; }
    
#news-features { width: 298px; } 
     #news-features p, #featured-content p { padding-top: 8px; margin: 4px 0 8px;}
     #news-features p { padding-left: 8px; padding-right: 8px; }
     #featured-content p { border-top: 1px solid #e7e7e7;  }
     
     #featured-content-archive a { display: block; padding-bottom: 5px; margin-bottom: 10px; border-top: 1px solid #e7e7e7; }
     
     #featured-content-archive div.content-type-title {  color: #fff; background: #244358;  -moz-border-radius: 3px; border-radius: 3px; line-height: 28px; }
     
     #featured-content-archive div.content-type-title img { padding: 5px 0 0 10px; margin: 3px 0 -2px; }
     
     span.news                      { margin-top: 10px; display: block; }
     
     #features-toggle p.new         { font-weight: bold; border: 1px solid #e7e7e7; background: #f7f7f7; -moz-border-radius: 5px; border-radius: 5px; height: 305px; font-size: 14px;}
     #features-toggle p.new a       { text-align: center; display: block; padding: 0 10px 10px;}
     #features-toggle p.new img     { width: 200px; height: 200px; margin: 10px auto 5px; display: block; border: 1px solid #e7e7e7 !important; }
     #features-toggle p.new span     
                                    {    
                                      display: none;                            
                                      background: #cc6143; 
                                      color: #fff; font-size: 10px; line-height: 18px; 
                                      padding: 1px 12px 1px 12px; margin-right: 5px;
                                      position: absolute;
                                      font-weight: bold;
                                      margin-top: -219px;
                                      margin-left: 49px;
                                      }
        

        
        

/* Login ::::::::::::::::::::::::::::::: */
#login-home { margin-top: 30px; float: left; }
#login, #register  
{
    padding: 0 20px 20px;
    width: 278px;
    height: 280px;
    margin: 12px auto 20px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: 2px 2px 1px #eee;
    box-shadow: 2px 2px 1px rgba( 0, 0, 0, 0.10 );
    }
    
.resetpassword { 
    height: 160px !important;
    }    
    
#register { height: auto; padding-bottom: 20px; }
    
    #login a, #register a        { color: #77b1dd; font-weight: bold; font-size: 11px; }
    #login a:hover, #register a:hover  { color: #9dd06e; }
    
    #login h3, #register h3 {
        background: none repeat scroll 0 0 #30618a;
        border: none;
        box-shadow: none;
        color: #FFFFFF;
        margin: 1px -19px 15px;
        padding: 15px;
        text-shadow: none;
        }
     #login p, #register p { padding-bottom: 0; font-size: 11px; }
     #login li, #register li {
        font-size: 11px; line-height: 1.2em;
        float: left;
        margin-top: 1px;
        margin-right: 1px;
        background: #5baed4;
        padding: 0;
        text-align: center;
	    }
	    
	     #login li a { display: block; color: #fff; width: 69px; height: 32px; padding: 42px 10px 0; text-decoration: none; font-weight: bold;}
	    #login li a:hover { color: #244358; }
	    #login li:hover { color: #244358; background-color: #b8e7fc; }
	    
	    #login li.my-website, #login li.assessment-builder       {margin-right: 0px;}
	    
	    #login li.my-profile a      { background: url(images/icons/profile_card_32.png) no-repeat center 8px; }
	    #login li.my-eportfolio a    { background: url(images/icons/portfolio_32.png) no-repeat center 8px; }
	    #login li.my-website a      { background: url(images/icons/web_32.png) no-repeat center 8px; }
	    #login li.my-curriculum a   { background: url(images/icons/curriculum_32.png) no-repeat center 8px; }
	    #login li.my-eplanner a      { background: url(images/icons/eplanner_32.png) no-repeat center 8px; }
	    #login li.assessment-builder a      { background: url(images/icons/assessment_32.png) no-repeat center 8px; }
       
    #login input.box, #register input.box    { width: 274px;  margin-bottom: 6px; }
    
    #login .rememberme, #login .forgotpassword { display: block; float: left; margin: 4px 0 20px; line-height: 16px;}
    
    #login .rememberme input, #login .rememberme label { margin: 0 3px 0 0; padding: 0; display: block; float: left;}
    
    #login .rememberme input    { margin-top: 2px; }
    
    #login .forgotpassword { margin-left: 6px; padding-left: 6px; border-left: 1px solid #244358; }
    
    #login input.btn { float: right; }
    
    #register input.btn { width: 80px; margin: 0 auto; }
    
    #login a.register {
        color: #333;
        text-shadow: 0px 1px 0px rgba(255,255,255,.5);
        display: block;
        clear: both; 
        background: #f6cf54 url(images/btn-large-arrow.png) repeat-x right top; 
        margin: 0 auto;
        width: 200px;
        height: 44px; 
        border: none;
        font-weight: bold;
        font-size: 14px;
        padding: 10px 60px 0 20px;
        border-radius: 500px;
        }
        
    #login a.register:hover { background-position: right bottom; cursor: pointer; }
    
 

/* Footer :::::::::::::::::::::::::::::::: */
footer {
	background: #30618a; 
	margin-top: 40px; 
	height: 300px;
	}
	
footer  { color: #fff; }
footer a { color: #b8e7fc; text-decoration: none; } 
	footer ul { }
	footer li { font-weight: bold; float: left; }
	footer li.feedback { float: right;}
		footer li a { 
			 
			display: block; 
			padding: 0 5px; 
			margin: 10px 5px; 
			-webkit-border-radius: 3px;
			-khtml-border-radius: 3px;	
			-moz-border-radius: 3px;
			border-radius: 3px;
			}
		footer li a:hover { color: #fff; }

	footer div.legal { border-top: 1px solid #fff; border-top: 1px solid rgba(255, 255, 255, 0.3); }
	footer div.legal p { padding: 0 10px 30px; }
	footer div.legal a:hover { color: #fff; }
	
	footer #contact-info { float: left;}
	footer #partners { float: right; padding-top: 10px;}
	
	.footernav {
        float: left;
        list-style: none outside none;
        margin: 0;
        padding: 4px 0 14px;
        width: 700px;
    }
    
    .footersm {
        float: right;
        list-style: none outside none;
        margin: 0;
        padding: 0 0 10px 20px;
        width: 185px;
    }
    
    .footersm li a {
        display: block;
        height: 37px;
        width: 44px;
        margin: 8px 0 0;
        padding: 0;
    }
    
    .footersm span { display: none; }
    
    .footersm li a.twitter { background: url("images/socialmedia_01.png") no-repeat left top; }
    .footersm li a.facebook { background: url("images/socialmedia_02.png") no-repeat left top; }
    .footersm li a.pinterest { background: url(http://support.nylearns.org/wp-content/uploads/2021/06/socialmedia_04_pin.png) no-repeat left top; }
    .footersm li a.rss { background: url("images/socialmedia_03.png") no-repeat left top; }
	
	
	.footer-content #SearchDiv #schoolPager > div, .footer-content #SearchDiv #teacherwebpagePager > div 
	{
	    min-height: 0 !important; 
	    padding: 5px !important;
	    border-radius: 3px !important;
	}
	
	

	
	
/* Modal pop-up */
	.MsgWindow{
	border: 1px solid #fff;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 20px #000;
    -moz-box-shadow: 0 0 20px #000;
    -webkit-box-shadow: 0 0 20px #000;
}

.drag-handle
{
	padding: 5px;
	background: #557488;
	color: #fff;
	-webkit-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}


.drag-controls {}
.drag-controls img { display: inline;}

.drag-contentarea{ /*CSS for Content Display Area div*/
	background-color: #fff;
	text-align:justify;	
	
}

.drag-buttons{ /* Css For the Buttons */
    padding-top: 1em;
    padding-bottom: 10px;
    text-align:center;
    clear: both;
   
}

.drag-buttons button {  margin: 0 auto; }

	.msgwin-buttons button{  
		font-size: .8em;
	}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
	border-top: 1px solid gray;
	background-color: #F8F8F8;	
}
	
	
/* Panels :::::::::::::::::::::::::::::::: */

#BrowseStandards  
    {
    background: none !important;
    padding-bottom: 0 !important;
    }

.content-panel, 
#browseresults #StandardArea,
#searchresults > div, 
#SearchResultsContainer > div, 
#SearchResultContainers > div {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ddd !important;
    border-radius: 0 !important;
    box-shadow: 2px 2px 1px rgba( 0, 0, 0, 0.10 ) !important;
}

.content-panel h2, .content-panel h3 {
    background: none repeat scroll 0 0 #30618a;
    border: none;
    box-shadow: none;
    color: #FFFFFF;
    margin: 1px 1px 15px;
    padding: 15px;
    text-shadow: none;
}	

#noresults h3, #SearchResultsContainer h3, .SearchResultsContainer h3, #SearchResultContainers h3 
{
    background-color: #30618a !important;
    padding: 0 5px !important;
}


#KeywordSearch, #SearchResultContainers 
{
  background-image: none !important;   
}



/* ---------- TOOLS LANDING PAGE DIVS ---------- */

#tools-nav { margin: 0 auto; }

#tools-nav > div  {
   
    float: left;
    margin: 0 10px 10px;
    
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: 2px 2px 1px #eee;
    box-shadow: 2px 2px 1px rgba( 0, 0, 0, 0.10 );
}

.tools-content 
{
    width: 218px;
    height: 228px;
   
    text-align: center;
   
}

.tools-content a 
{
    color: #063F6F;
    text-decoration: none;
    margin: 0 auto;
    display: block;
    text-align: center;
    
    font-weight: normal;
}

.tools-content a:hover {
    text-decoration: none;
}

.tools-content h3 a  {
    background: none repeat scroll 0 0 #30618a;
    border: none;
    box-shadow: none;
    color: #FFFFFF;
    margin: 1px;
    padding: 15px;
    text-shadow: none;
    }

#tools-nav > div:hover { border-color: #063F6F; }

.tools-content p { padding: 0 10px 0 10px; margin: 0; font-size: 12px; line-height: 1.3em;}

.tools-content a.tools-panel-icon { height: 90px; text-indent: -9999px; outline: none; }

.tools-panel-content a.tools-panel-icon {background: transparent url(images/icons/content_64.png)               no-repeat 50% 50%;}
.tools-panel-feature a.tools-panel-icon {background: transparent url(images/icons/feature_64.png)               no-repeat 50% 50%;}
.tools-panel-reports a.tools-panel-icon {background: transparent url(images/icons/graph_64.png)                 no-repeat 50% 50%;}
.tools-panel-error a.tools-panel-icon   {background: transparent url(images/icons/error_64.png)                 no-repeat 50% 50%;}
.tools-panel-admin a.tools-panel-icon   {background: transparent url(images/icons/account_admin_64.png)         no-repeat 50% 50%;}
.tools-panel-searchtips a.tools-panel-icon   {background: transparent url(images/icons/search_tips_64.png)      no-repeat 50% 50%;}
.tools-panel-pd-reports a.tools-panel-icon   {background: transparent url(images/icons/pd_reports_64.png)       no-repeat 50% 50%;}
.tools-panel-pd-management a.tools-panel-icon   {background: transparent url(images/icons/pd_management_64.png) no-repeat 50% 50%;}

/* Callout boxes */
.reminder 
{
    Background: #f7e3cb url(images/icons/error_16.png) no-repeat 10px 10px;
    border: 1px solid #f7941d;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 10px 25px 30px;
    margin-bottom: 15px;
    }
.reminder .search-button { float: right; }

#disclaimer .reminder { margin: 15px 0 0; }

#disclaimer .reminder a.search-button  { text-decoration: none !important; }


/* 404 */

#fourzerofour { 
    width: 960px;
    margin: 20px auto;
    }
    
    #fourzerofour h2, #fourzerofour h4 { text-align: center; }
    
    #fourzerofour #trythis { 
        background: #557488;
        color: #fff;
        width: 400px; 
        margin: 20px auto;
        padding: 30px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        }
        
        #fourzerofour #trythis ul { margin: 0; padding: 10px 0 0 15px;}
        #fourzerofour #trythis li { padding-bottom: 10px; }
        
        
#suggestions { padding: 15px; }
        
/* GridView */

table.GridView  
{
    font-size: 12px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: 2px 2px 1px #eee;
    box-shadow: 2px 2px 1px rgba( 0, 0, 0, 0.10 );
    padding: 1px !important;
    margin-top: 10px;
     }

table.GridView .strand 
{
    font-size: 16px !important;
    font-weight: 700;
}

.GridView tr.header, .GridView tr.subheader {
    background-color: #30618a !important;
    border-radius: 0 !important;
    color: #fff !important;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    margin: 0;
    
}

.GridView tr.header th, .GridView tr.subheader th {
    border-left-color: #fff !important;
    
}

.GridView tr td {
    border-left: 1px solid #EEEEEE;
    border-top: 1px solid #DDDDDD;
}

.GridView tr td:first-child {
    border-left: none;
}

.GridView tr, .GridView td, .GridView th {
    padding: 10px;
}


#overview { padding: 15px; }


#SearchDiv { background: none !important; }




.footer-content h2 { font-family: 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif !important; }

#ContactSubmitCommands .cancel-button { box-shadow: none !important; }



#impersonate-notification 
{
    background: none repeat scroll 0 0 #FFF568;
    border-bottom: 1px solid #FFF568;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    /*color: #FFEA00;*/
    font-size: 10px;
    font-weight: bold;
    margin: 0 40%;
    padding: 3px;
    position: fixed;
    text-align: center;
    width: 20%;
    z-index: 9999;   
}