﻿/*---Student List--*/
.divstudentlist {
	padding: 10px;
	margin-bottom: 20px;
	box-shadow: 0px 2px 5px rgba(50,50,50,0.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    border: 1px solid rgb(170, 170, 170); 
    border-image: none; 
    margin-top: 5px; 
    min-height: 250px;
/*	behavior: url(../../PIE/PIE.htc);*/
}

.tablelist{ 
    width:100%; 
    font-size:12px; 
    padding:0px;
    border: 0px solid #aaa;  
    border-spacing :0px;
    border-collapse:collapse ;
}

.tablelist th{font-size:11px;font-weight :bold; color:#000; padding: 0px 3px 0px 3px; border: 0px solid #ddd; border-bottom: 1px solid #ddd; border-right : 1px solid #ddd;text-align:center;border-spacing :0px;}
.tablelist th a{color:#000; }
.tablelist td{
    padding: 0px 3px 0px 3px; 
    vertical-align :middle ; 
    border :0px; 
    /*
    border-bottom : 1px solid #ddd;
    border-right : 0px solid #ddd;
    border-top:0px solid #ddd;
    */
    border-spacing :0px;
    border-collapse:collapse ;
}

.tablelist td a{
    color:#0C83C5; 
    text-decoration:none;
}

.tablelist td a:hover{
    color:#0C83C5; 
    text-decoration:underline;
}

.tablelist tr{
    padding:0px;  
    border-bottom : 0px solid red;
    border-spacing :0px;
    height: 40px;
    border-collapse:collapse ;
}

.tablelist tr.item{
    font-weight: normal ;
    padding:3px;
    margin-bottom:2px;  
    color: #000; 
    vertical-align:middle; 
    background-color: #FFFFFF;
    text-align: left;
    border-color :#dddddd;
    border: 0px;
    border-spacing :0px;
    border-bottom: 1px solid #dddddd;
    border-collapse:collapse ;
}


.tablelist tr.alternate{
    font-weight: normal;
    padding:3px;
    color: #000; 
    background-color: #F3F3F3; 
    text-align: left;
    height: 35px;
    border-bottom: 1px solid #dddddd;
    border-spacing :0px;
}

.tablelist tr.item:hover,
.tablelist tr.item:focus,
.tablelist tr.alternate:hover {	
    background-color: #e2fcfe;
}

.tablelist img{
    padding: 0; 
    vertical-align: middle;
    text-align: center;
}

.tablelist td input[type='checkbox']{
    height:100%;
    line-height: 40px;
    /*
    border:0px solid red;
    */
    vertical-align :middle ;
    margin :20px auto; 
    _display :none;
}

.highlight {
    background-color: #e2fcfe !important;
}

.F-large {
    height: 46px;
    width: 46px;
	border: 1px solid #CC494B;
	margin: 5px 0;
	background: white url('../images/FeMale.png') no-repeat left bottom;
    /*
    background-size: 46px 100%;
    background-size: cover;
    background-size: contain;
    */
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    /*behavior: url(../../PIE/PIE.htc);*/
}

.M-large {
    height: 46px;
    width: 46px;
	border: 1px solid #0A5E8F;
	margin: 5px 0;
	background: white url('../images/Male.png') no-repeat left bottom;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    /*
    behavior: url(../../PIE/PIE.htc);
    */
}

.iep:before {
    content: "IEP";
    font-family: Arimo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    margin: 0 4px;
    background-color: #c83c97;
    border-color: #C93C97;
    color: white;
    padding: 0 4px;
    -webkit-border-radius: 200em;
    -moz-border-radius: 200em;
    border-radius: 200em;
/*    behavior: url(../../PIE/PIE.htc);*/
}

.iep:hover:before {
    background-color: #de8bc1;
}

.fnmi:before {
    content: "FNMI";
    font-family: Arimo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    margin: 0 4px;
    background-color: #1eb4c6;
    border-color: #1FB6CB;
    color: white;
    padding: 0 4px;
    -webkit-border-radius: 200em;
    -moz-border-radius: 200em;
    border-radius: 200em;
/*    behavior: url(../../PIE/PIE.htc);*/
}

.fnmi:hover:before {
    background-color: #64d8e6;
}

.groupnames {
    font-family: Arimo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    margin: 0 4px;
    background-color: #aaa;
    border-color: #aaa;
    color: white;
    padding: 0 4px;
    -webkit-border-radius: 200em;
    -moz-border-radius: 200em;
    border-radius: 200em;
/*    behavior: url(../../PIE/PIE.htc);*/
}

.groupnames:hover {
    background-color: #bbb;
}

.groupnames:hover,
.fnmi:hover,
.iep:hover {
    cursor: pointer;
}

span.tagQ,
span.tagQ a,
span.tagQ a:link,
span.tagQ a:active,
span.tagQ a:visited {
    color: #999;
}

span.risk,
span.risk a,
span.risk a:visited {
    color: #f80202 !important;
}

span.achievement,
span.achievement a,
span.achievement a:visited {
    color: #03977a !important;
}

/*-------------------*/

/*---------------Class List Grid--------------*/
/*---------------Class List Grid--------------*/

.griditem-studentname
{
    font-size:12px;
    font-weight:normal;  
}
.griditem-schoolname
{
    font-size:11px;
    font-weight:normal;
    color :#aaa;  
}

/*-------------Student Indicator---------------*/

.tablestudentindicator
{
    font-size:10px;
    width:100%;
    border-spacing:0px; 
    border-collapse:collapse;
}

.tablestudentindicator td
{
    padding:2px 2px 2px 2px ;
    text-align :center ;
    vertical-align:middle ; 
    border-spacing:0px; 
    border-collapse:collapse;
    border:0px solid #aaa;
}

.tablestudentindicator div
{
    padding:5px 0px 0px 0px; 
    text-align :center ;
    vertical-align:middle ; 
}

.tablestudentindicator div.regular
{
    background-color: #5a9ec8;
    color: white;
    border: 1px solid #5DA1CA;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
/*    behavior: url(../../PIE/PIE.htc);*/
}

.tablestudentindicator div.zerovalue
{
    background-color:#fff;
    color:#ccc; 
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
/*    behavior: url(../../PIE/PIE.htc);*/
}

.tablestudentindicator div.regular:hover,
.tablestudentindicator div.zerovalue:hover {
	background-color: #a5cae1;
	border-color: #a5cae1;
    color:#fff;
    cursor: pointer;
}

.tablestudentindicator div.regular:hover > span.indicatorvalue a,
.tablestudentindicator div.zerovalue:hover > span.indicatorvalue a {
	color: white;
}

.tablestudentindicator span.indicatorcaption
{
    font-family:Tahoma, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    font-size:9px;
    font-weight:normal;  
}

.tablestudentindicator span.indicatorvalue
{
    font-size:13px;
    font-weight:bold;  
}

.tablestudentindicator span.indicatorvalue a
{
    color:#fff;
    text-decoration:none; 
}

.tablestudentindicator div.zerovalue span.indicatorvalue a
{
    color:#ccc;
    text-decoration:none; 
}

.tablestudentindicator span.indicatorvalue a:hover
{
    color:#fff;
    text-decoration:underline; 
}
.alertIndicator {
    width: 60px;
    text-align: center;
    vertical-align: middle;
}
.attIndicator {
    width: 40px;
    text-align: center;
    vertical-align: middle;
}
.noPhoneIndicator {
    width: 60px;
    text-align: center;
    vertical-align: middle;
}

/*---------------------------------------------*/

/*-------------Student Tag---------------*/
.tablestudenttag
{
    font-size:10px;
    width:100%;
    border-spacing:0px; 
    border-collapse:collapse;
    border:0px solid #aaa;
}

.tablestudenttag td
{
    padding:0px 5px 0px 0px; 
    text-align :center ;
    vertical-align:middle ; 
    border-spacing:0px; 
    border-collapse:collapse;
    border:0px solid #aaa;
}

.tablestudenttag div.tagcaption
{
    color:#aaa;
    font-size:10px;
    font-weight:normal;  
    border:1px solid #aaa;
    padding:5px 5px 5px 5px; 
}

/*---------------------------------------------*/
/*------Overview Table------*/
.overviewtable {
    width:100%;
    border-collapse:collapse ;
    table-layout:fixed ; 
}

.overviewtable td{
    _padding:5px 5px 5px 5px; 
    text-align:center ; 
}

/*--------------------------*/        

/*---------------Student dashboard--------------------*/

.divminimalist
{
    height:18px !important; 
}

.minimalist
{
	font-family: Arimo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	background: #fff;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 6px;
}

.minimalist th
{
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	padding: 4px 0px 4px 0px;
	_border-bottom: 2px solid #99CC99  !important;
	text-align: center;
	_border-top: 2px solid #99CC99;
}

.minimalist th.headerselectable {
    cursor:pointer ; 
}

.minimalist th img.imginfo
{
    _padding-top:8px;  
}

.minimalist td
{
	_border-bottom: 1px solid #99CC99;
	color: #000000;
	padding: 0px 2px 0px 0px;
	border-left: 1px solid #99CC99;
	text-align: right;
}

.minimalist .mgmt, .minimalist .trend {
	background: none !important;
}

.minimalist tbody tr.trheader
{
	border-bottom: 2px solid #99CC99;
	border-top: 2px solid #99CC99;
}

.minimalist tbody tr.trheader:hover,
.minimalist tbody tr.trheaderminimized:hover
{
	background-color: #FFFFFF;/*rgba(153,204,153,0.50);CCE5CC*/
    /*    
    border-color :#999999;
	border-bottom: 2px solid #99CC99;
	border-top: 2px solid #99CC99;
    */
}

.minimalist tbody tr.trheaderminimized
{
	background-color: #CCE5CC;/*rgba(153,204,153,0.50);*/
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
}

.minimalist tbody tr.trbody
{
	border-bottom: 1px solid #99CC99;
}

.minimalist tbody tr.trbody:hover
{
	background-color: #CCE5CC;/*rgba(153,204,153,0.50);*/
}

.minimalist td.first {
	border-left: none !important;
	padding-left: 0px !important;
	text-align: left !important;
	width: 27%;
}

.minimalist td a.withlink,
.minimalist td.indicatorname
{
    color:#006699;    
    text-decoration:none; 
}

div.indicatorname {
    padding:5px 3px 5px 5px;
}

.minimalist td a.withlink:hover
{
    text-decoration:underline; 
}

.minimalist td.padding {
    padding:0px 3px 0px 0px;
}

.minimalist td.padding2 {
    padding:2px 2px 2px 2px;
}

.minimalist td.double {
	border-right: double !important;
    border-color: #99CC99 !important;
}

.minimalist td.nobordercenter {
    text-align:center ;
    border-left: none !important;
    vertical-align:middle ;
}

.minimalist td.center {
    text-align:center ;
    vertical-align:middle ;
}

.minimalist .panelmain
{
    border:1px solid blue;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

.minimalist .panelcolor
{
    margin :0px 0px 0px 0px;
    padding :0px 0px 0px 0px;
    border:0px solid red;
}

.minimalist .panelcolor .panelcolor-label
{
    text-align:center ;
    vertical-align :middle ;
}

.minimalist td.seclearningskills
{
    width:70px;
}

.minimalist td.secachievent
{
    width:60px;
}

.tableinside
{
    padding :0px 0px 0px 0px;
    margin :0px 0px 0px 0px;
    border-collapse:collapse ; 
    width:100%; 
    background-color:transparent ;
    border:0px solid red;
}

.tableinside
{
    height :22px;
}

.tableinside td
{
    margin :0px;
    border-collapse:collapse ; 
    border-width:0px; 
}

.tableinside td
{
    padding :2px 0px 2px 2px;
}

.tableinside td.rightborder
{
	border-right: 1px solid #99CC99;
	padding-right:2px; 
}

.tableheader
{
    padding :0px 0px 0px 0px;
    margin :0px 0px 0px 0px;
    border-collapse:collapse ; 
    width:100%; 
    border-width:0px;
    border :0px solid red;
    background-color:transparent ;
}

.tableheader td
{
    margin :0px;
    border-collapse:collapse ; 
    border-width:0px; 
    text-align :center ;
}

a.drilldowntonextlevel
{
    text-decoration:none;     
}

a.drilldowntonextlevel:hover
{
    text-decoration:underline;     
}

a.drilldownheader
{
    text-decoration:none;     
}

a.drilldownheaderselected
{
    text-decoration:underline; 
    font-weight :bold ;    
}

a.drilldownheader:hover,
a.drilldownheaderselected:hover
{
    text-decoration:underline;     
}

.divinsidecolor
{
    margin:0px 0px 0px 0px;
    border:0px solid #000;
    min-height:20px;
    padding:4px 0px 0px 0px !important; 
    border-radius: 5px;
    vertical-align:middle ;
    text-align:center ;  
}


.divminimalist {
    height: 10px !important;
}
