﻿

.ui-autocomplete span.item-name 
{
	font-size:0.7em;
/*float: left;*/
}

.ui-autocomplete span.item-category {
font-size: small;
font-style: italic;
float: right;
text-align: right;
margin-left: 10px;
margin-right: 10px;
}


/* Color codes for the different categories in the Auo suggest drop down */
.ui-autocomplete li span.City {
color:#6699cc;
}

.ui-autocomplete li span.County {
color:#66cc66;
}

.ui-autocomplete li span.District {
color:#cc9933;
}


.ui-autocomplete li span.School {
color:#cc6666;
}

/* End of color codes for the different categories in the Auo suggest drop down */

/* For sticky divs */
.scroller.sticky {  
     position: fixed;
     top: 0;
}


table .cellLeft
{ 
    text-align:left;
}
 
 table.table.table-striped 
 {
     table-layout:fixed;
 }
 

 .table > tbody > tr > td
 {
     border-top:0;
 }
 
.loading-indicator
{
    text-align: center;
    
}

.left-content
{
    width: 25% !important;
}

.right-content
{
    width: 70% !important;
}

h4.BoxContentHeader
{
    display:none;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
border-bottom-color: #dddddd !important;
}

[class^="irc-icon-"],
[class*=" irc-icon-"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  *margin-right: .3em;
  line-height: 16px;
  vertical-align: text-top;  
  background-size:16px 16px;
  /*background-position: 14px 14px;
  background-repeat: no-repeat;*/
}
[class^="irc-icon-"]:last-child,
[class*=" irc-icon-"]:last-child {
  *margin-left: 0;
}

.svg .irc-icon-print-pdf
{
    background-image: url("images/icons/x666666/svg/file-pdf.svg");
}

.svg .irc-icon-print-preview
{
    background-image: url("images/icons/x666666/svg/print.svg");
}

.svg .irc-icon-table
{
    background-image: url("images/icons/x666666/svg/table.svg");
}

.svg .irc-icon-stacked-bar
{
    background-image: url("images/icons/x666666/svg/bars2.svg");
}

.no-svg .irc-icon-print-pdf
{
    background-image: url("images/icons/x666666/png/file-pdf.png");
}

.no-svg .irc-icon-print-preview
{
    background-image: url("images/icons/x666666/png/print.png");
}

.no-svg .irc-icon-table
{
    background-image: url("images/icons/x666666/png/table.png");
}

.no-svg .irc-icon-stacked-bar
{
    background-image: url("images/icons/x666666/png/bars2.png");
}

/*
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled], .mainContent p a:hover
{
    color: #005580 !important;
    text-decoration: underline !important;
}
*/
.mainContent p a 
{
    color: #0000cc !important;
    text-decoration: underline !important;
}

span.badge
{
    width:30px;
    text-align:center;
    padding: 2px 0px !important;
}


a.myirc-btn
{
    font-family: Arial, Helvetica, sans-serif, sanserif !important;
    font-size: .9em !important;
    line-height: 1.5em !important;
}


iframe.iframe-default
{
    width:100%;
    height:500px;
    border:none;
    margin:none;
}

#surveymodal .modal-body
{
	max-height: 800px;
}


/* Search Box control related styles */
/*
.thumbnail
{
    border: 0px;
    box-shadow: none;
}*/
.ui-autocomplete-loading
{
    background: white url('img/ui-anim_basic_16x16.gif') right center no-repeat;
}
 
.ui-autocomplete-category
{
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
}
    
/* End of Search Box control related styles */

h1.title-summarycomp
{
    font-size:1.5em; 
    line-height: 20px;
}


/* TestGraphControl_IFrame related styles */

.absolutewrapper
{
    	position: relative;
    	padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    	padding-top: 30px;
    	height:0;
    	overflow:hidden;
}
    
.absolutewrapper iframe
{
    	position:absolute;
    	top:0;
    	left:0;
    	width:100%;
    	height:100%;
}
   
    
.loading
{
      text-align:center;
      height:100%;
}
 

#loader
{
    width:85px;
    height:200px;
    margin:10px auto;
}
    
    
/* CSS3 loading animation related styles */  
    
     @keyframes load{
0%{height:10px;
    margin:20px 2px;}
  50%{height:50px;
    margin:0px 2px;}
  100%{height:10px;margin:20px 2px;}
}
@-o-keyframes load{
0%{height:10px;
    margin:20px 2px;}
  50%{height:50px;
    margin:0px 2px;}
  100%{height:10px;margin:20px 2px;}
}
@-ms-keyframes load{
0%{height:10px;
    margin:20px 2px;}
  50%{height:50px;
    margin:0px 2px;}
  100%{height:10px;margin:20px 2px;}
}
@-moz-keyframes load{
0%{height:10px;
    margin:20px 2px;}
  50%{height:50px;
    margin:0px 2px;}
  100%{height:10px;margin:20px 2px;}
}
@-webkit-keyframes load{
0%{height:10px;
    margin:20px 2px;}
  50%{height:50px;
    margin:0px 2px;}
  100%{height:10px;margin:20px 2px;}
}

.cssanimations .bar{
float:left;
margin:0px 2px;
width:10px;
height:50px;
background:#999;
}
.cssanimations .bar:nth-child(1){
/*animation*/
-webkit-animation:load 1s linear infinite;
   -moz-animation:load 1s linear infinite;
    -ms-animation:load 1s linear infinite;
     -o-animation:load 1s linear infinite;
        animation:load 1s linear infinite;
}
.cssanimations .bar:nth-child(2){
/*animation*/
-webkit-animation:load 1s linear infinite;
   -moz-animation:load 1s linear infinite;
    -ms-animation:load 1s linear infinite;
     -o-animation:load 1s linear infinite;
        animation:load 1s linear infinite;
/*animation-delay*/
-webkit-animation-delay:.2s;
   -moz-animation-delay:.2s;
    -ms-animation-delay:.2s;
     -o-animation-delay:.2s;
        animation-delay:.2s;
}
.cssanimations .bar:nth-child(3){
/*animation*/
-webkit-animation:load 1s linear infinite;
   -moz-animation:load 1s linear infinite;
    -ms-animation:load 1s linear infinite;
     -o-animation:load 1s linear infinite;
        animation:load 1s linear infinite;
/*animation-delay*/
-webkit-animation-delay:.4s;
   -moz-animation-delay:.4s;
    -ms-animation-delay:.4s;
     -o-animation-delay:.4s;
        animation-delay:.4s;
}
.cssanimations .bar:nth-child(4){
/*animation*/
-webkit-animation:load 1s linear infinite;
   -moz-animation:load 1s linear infinite;
    -ms-animation:load 1s linear infinite;
     -o-animation:load 1s linear infinite;
        animation:load 1s linear infinite;
/*animation-delay*/
-webkit-animation-delay:.6s;
   -moz-animation-delay:.6s;
    -ms-animation-delay:.6s;
     -o-animation-delay:.6s;
        animation-delay:.6s;
}
.cssanimations .bar:nth-child(5){
/*animation*/
-webkit-animation:load 1s linear infinite;
   -moz-animation:load 1s linear infinite;
    -ms-animation:load 1s linear infinite;
     -o-animation:load 1s linear infinite;
        animation:load 1s linear infinite;
/*animation-delay*/
-webkit-animation-delay:.8s;
   -moz-animation-delay:.8s;
    -ms-animation-delay:.8s;
     -o-animation-delay:.8s;
        animation-delay:.8s;
}
.cssanimations .bar:nth-child(6){
/*animation*/
-webkit-animation:load 1s linear infinite;
   -moz-animation:load 1s linear infinite;
    -ms-animation:load 1s linear infinite;
     -o-animation:load 1s linear infinite;
        animation:load 1s linear infinite;
/*animation-delay*/
-webkit-animation-delay:1s;
   -moz-animation-delay:1s;
    -ms-animation-delay:1s;
     -o-animation-delay:1s;
        animation-delay:1s;
}

     .no-cssanimations #loader,
     .no-cssanimations #loader .bar
      {
          display:none;
      } 

      .no-cssanimations .loading
      {       
        height:100px !important;         
        position:absolute;
    	top:0;
    	left:0;
    	width:100%;    	
        background:transparent url("img/loading.gif") no-repeat center;
      }   
      
      
      
/* CSS3 loading animation related styles */    


/* End of TestGraphControl_IFrame related styles */

/* 5 Essentials related styles */
    .reducedfont
    {
    	font-size:0.8em;
    }
    
    .legends span
    {
    	color: #999999;
    	font-weight:bolder;
    	font-size:0.85em;
    }
    
    .legendpallette
    {
    	width:10px;
    	height:10px;
    	display:block;
    	margin:5px;
    }
    
    
	.least{
		fill:#D6DBE9;     
		background:#D6DBE9;    
	}
	
	.less{
		fill:#B8BED2;
		background:#B8BED2;
	}
	
	.average {
		fill:#8B97B9;
		background:#8B97B9;
	}
	
	.more{
		fill:#3C4E83;
		background:#3C4E83;
	}
	
	.most{
		fill:#1B2E55;  
		background:#1B2E55;
	}
	
	.no-data{
		fill:#AAADB0;    
		background:#AAADB0;
	}
	
    .EvenRowColor
    {
        background-color: #f3f3f4;
    }
    .OddRowColor
    {
        background-color: #ffffff;
    }
    
    .EvenColumnColor
    {
        background-color: #f9d350;
    }
    .OddColumnColor
    {
        background-color: #fbe193;
    }
    
    /* End of 5 Essentials related styles */
    
    
    #searchresults .row
    {
        margin: 2px 0 2px 0;
        padding: 2px 0 2px 0;
        text-align: center;
    }
    
    #searchresults .row:hover
    {
        background-color: #eeeeee;
    }
    
    #searchresults .cellLeft
    {
        text-align: left;
    }
    .span2
    {
        padding-bottom: 5px;
    }
    
    a.pageNumber
    {
        padding-left: 10px;
        padding-right:10px;
    }
    
    select.displaylimit
    {
        width: 130px;
        height:30px;
        background-color: #ffffff;
        border: 1px solid #bbb;
        font-size: 13px;
        line-height: 30px;
        color: #555555;
        font-weight: normal;
        border-radius: 3px;
        margin-right: 10px;
    }
    
    ul.pagination
    {
        font-size:12px;
    }
    
    /*
    input.school_comparesearch {
        width: 300px;
    }*/
    
    div#compareFilterList label
    {
        display:block !important;
    }
   
    label.filterLabel > span:not(.searchby)
    {
        font-family:Arial, Helvetica, sans-serif, sanserif;
	    color:#666666;
	    text-decoration:none;
	    font-size:.9em;
	    line-height:1.5em;
	    font-weight:normal;
	   
    }
    
    
    label.filterLabel > span.searchby
    {
        font-family:Arial, Helvetica, sans-serif, sanserif;
	    color:#333333;
	    text-decoration:none;
	    font-size:.9em;
	    line-height:1.5em;
	    font-weight:normal;
	    padding-right:5px;
	   
    }
   /* 
    a#filterLaunchbtn
    {
        color:white !important;
      text-decoration:none !important;
    }*/
    
    a.remove-selection
    {
        color:#428bca !important;
    }
    
    /*
    
    a.compare-btn:hover
    {
        text-decoration: none !important;
        color: white !important;
    }
    
    a.compare-btn[disabled]
    {
        text-decoration: none !important;
    }*/
    
