﻿body {
}


/*-----------------------------------------------------------------------------------------------*/
/*Table widths and other table settings                                                          */
/*-----------------------------------------------------------------------------------------------*/


table.modal{width:350px;}
table.modal td, table.big_popup td
{
	height:40px;
}
table.modal .buttons
{
	width:175px;
	text-align:center;
}


table.groups
{
	border: 1px solid #529FAD; 
	width: 800px;
}

table.groups table
{
	width: 200px;
	height:199px;
	border:0;
}

table.groups .content_links
{
	width:200px;
	text-align:center;
	height:30px;
}

table.groups .content_grids
{
	width:200px;
	text-align:center;
}

.table_header
{
	width:200px;
	color: #ffffff;
	text-align:center;
	height:25px;
	background-color:#529FAD;
}
.short_height
{
	height:38px;
}

.average_height
{
	height:51px;
}

.above_average_height
{
	height:70px;
}

.full_width{width:100% !important;}
.half_width{width:50% !important;}
.third_width{width:33% !important;}

.auto_width{width:auto !important;}
.small_width
{
	width:158px;
}
.average_width
{
	width:500px;
}

.large_width
{
	width:960px !important;
}

.extra_large_width
{
	width:1200px;
}


.description_text_width
{
	width:75px;
}

.big_popup
{
	width:400px;
}

.tbl_lists
{
	width:200px;
	vertical-align:top;
}

.header_color
{
	color:#C60;
}

.center
{
	text-align:center !important;
}

.left
{
	text-align:left !important;
}

.right
{
	text-align:right !important;
}



/*------------------------------------------------------------------------------*/
/* Teacher Overview Page */
/*------------------------------------------------------------------------------*/

.content_container
{
	width:820px;
	font-weight:bold;
	font-family:Arial;
}

.teacher_background_containter
{
	width:1025px;
	border-color:#ffffff;
	background-color:#ffffff;
}

.teacher_background_alignment
{
	margin-left:20px;
}

.teacher_background_chartdiv
{
	border:solid 2px ;
	text-align:left;
	padding:20px;
	width:720px;
}

.chartdiv_control
{
	page-break-after:always;
}

.chartdiv_table
{
	border:1px solid #C6C3C6;
	border-collapse:collapse;
	width:680px;
}

.chartdiv_table td
{
	border-right:solid 1px #C6C3C6;
	border-bottom:solid 1px #C6C3C6;
}


.chartdiv_header
{
	background-color:#00008C;
	color:White;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	vertical-align:bottom;
}


.chartdiv_items
{
	font-size:11px;
	font-weight:bold;
}



.teacher_background_info_container
{
	width:720px;
	border-collapse:collapse;
	text-align:left;

}

.teacher_background_student_outcome_previous
{
	float:right;
	padding-right:37px;
	padding-top:10px;
}
.teacher_background_student_outcome_container
{
	border-color:#ffffff;
	background-color:#ffffff;
	width:820px;
}

.student_outcome_padding
{
	padding-top:20px;
	margin-left:20px;
	
}

.student_outcome_no_data
{
	page-break-after:always;
	border:solid 2px black;
	
}

.teacher_background_labels
{
}
.teacher_background_details
{
	width:360px;
	text-align:left;
	width:750px;

	text-align:center;
	vertical-align:middle;
}

.teacher_background_spacer_small
{
	width:20px;
}

.teacher_background_spacer_big
{
	width:160px;
}

.teacher_background_warning
{
	border:solid 2px black;
	width:750px;
	height:800px;
	text-align:center;
	vertical-align:middle;
}

.table_background_no_data
{
	page-break-after:always;
	border:solid 2px black;
	width:750px; 
	height:500px;
	text-align:center;
	vertical-align:middle;
}

.no_data_text
{
	color: #FFA500;
}

.min_height
{
	height: 800px;
}


.other_indicators_content
{
	page-break-after:avoid;
	border:solid 2px black;
	width:750px;
	height:800px;
	text-align: center;
	vertical-align:middle;
}

.main_item_background_color
{
	background-color:#00008C;
}

/*------------------------------------------------------------------------------------------------------*/
/*Job/Group Assignments                                                                                 */
/*------------------------------------------------------------------------------------------------------*/

.group_planning_tbl
{
	width:800px;
}

.group_planning_tbl_header
{
	background-color:#529FAD;
	color:#ffffff;
}
.group_planning_tbl_header_text
{
	width:200px;
	text-align:center;
	height:40px;
}

.group_planning_tbl_lists
{
	width:200px;
	vertical-align:top;
}

.create_new_team_col
{
	width:200px;
	background-color:#ffffff;
	text-align:center;
	vertical-align:top;
}

.create_new_team_col table
{
	width:100%;
	height:111px;
	margin-top:-1px;
}
.group_teacher_description_tbl
{
	width:722px;
}

.group_teacher_description_tbl td
{
	width:700px;
}

.group_drop_tbl
{
	width:600px;
}

.group_drop_tbl td
{
	width:600px;
}


.group_specific_listing
{
	page-break-after:always;
	text-align:left;
	border:solid 2px;
	padding:20px;
}

/*------------------------------------------------------------------------------------------*/
/*School Roster                                                                             */
/*------------------------------------------------------------------------------------------*/

.school_roster_tbl
{
	width:900px;
}
.school_roster_step_description{}

.school_roster_step_description td
{
	width:200px;
	vertical-align:top;
}

.school_roster_step_lists{}

.school_roster_step_lists td
{
	width:200px;
}

.school_roster_buttons
{
	text-align:center;
}

.add_remove_teach_tbl
{
	width:600px;
}

.add_remove_teach_tbl_col {}

.add_remove_teach_tbl_col td
{
	width:150px;
}

.add_remove_teach_tbl_btn_padding
{
	padding:8px;
}

/*---------------------------------------------------------------------------*/
/*Custom Group
/*---------------------------------------------------------------------------*/
.custom_group_tbl
{
	width: 1000px;
}

.custom_group_tbl_col{}

.custom_group_tbl_col td
{
	width:250px;
}

/*------------------------------------------------------------------------------*/
/*Observation Import */
/*------------------------------------------------------------------------------*/
.observations_import_tbl_list
{
	width:12000px;
	border:solid 1px #C6C3C6;
	border-collapse:collapse;
}

/*--------------------------------------------------------------------------------*/
/*User Accounts */
/*--------------------------------------------------------------------------------*/
.users_nav_tbl
{
	width:100%;
}

.users_nav_tbl td
{
	width:60%;
}

.users_nav_tbl td table td
{
	width:auto;
}

.nav_text
{
	text-align:center;
}


.required_asterisks, .warning_message
{
	color:#FF0000;
}


.add_user_tbl
{
	width:854px;
}

.odd_col
{
	width:100px;
}

.even_col
{
	width:200px;
}

/*----------------------------------------------------------------------------*/
/*Forgot Password / Login*/
/*----------------------------------------------------------------------------*/
.forgot_pw_tbl_outer
{
	border:0;
	border-collapse:collapse;
}

.forgot_pw_tbl_inner
{
	width:466px;
	height:139px;
}

.forgot_pw_tbl_inner td
{
	text-align:center;
}

.forgot_pw_tbl_outer td
{
	text-align: center;
}


.login_tbl{}
.login_tbl td
{
	width:33%;
}

.login_tbl td table
{
	text-align:center;
	height:178px;
	width:361px;
	border:0;
}

.login_tbl td table td
{
	width:auto;
	text-align:center;
}

/*-------------------------------------------------------------------------------*/
/*Add New Teacher */
/*-------------------------------------------------------------------------------*/

.add_new_teacher_tbl
{
	width:751px;
}

.add_new_teacher_tbl td
{
	width:150px;
}

/*-------------------------------------------------------------------------------*/
/*Manage Observations */
/*-------------------------------------------------------------------------------*/
.manage_observations_tbl{}
.manage_observations_tbl td 
{
	width:100px;
}

#tblNewObservations{width:621px;}


/*-------------------------------------------------------------------------------*/
/*Listing Tools */
/*-------------------------------------------------------------------------------*/

.tablegrid_container { padding: 0 0 0 3px; margin-bottom:25px;}
.tablegrid { border-left: 1px solid #E0E6F4; border-top: 1px solid #E0E6F4; color: #666666; background-color:#fff; width:100%;}
.tablegrid_notes { font-size:.8em; line-height:normal;}
.tablegrid th { border-right: 1px solid #E0E6F4; border-bottom: 1px solid #E0E6F4;  text-align:center; padding:8px 4px; font-size:.8em; color:#003366;font-variant:small-caps;}

.tablegrid th a { color:#FFFFFF !important; text-decoration:underline !important;}
.tablegrid th a:hover { text-decoration:none !important;}


/*.tablegrid th a.subheader { color:#000000 !important; text-decoration:underline !important;}
.tablegrid th a.subheader:hover { text-decoration:none !important;}*/


.tablegrid col.colodd { background-color:#fff !important;}
.tablegrid col.coleven { background-color:#E1F0F4 !important;}
.tablegrid tr:hover td { background-color:#FFFFEF !important;color:#000 !important;}
.tablegrid tr:hover td:hover { background-color:#FFFFCF !important;}
.tablegrid td { border-right: 1px solid #E0E6F4; border-bottom: 1px solid #E0E6F4; padding:4px;font-size:.8em; }
.tablegrid thead { background-color:#EFF4FF;}
.tablegrid tbody {}
.tablegrid tbody th { background-color:#529FAD; color:#FFFFFF !important;}
.tablegrid tbody tr.average_row th{background-color:#cccccc;}
.tablegrid tfoot { background-color:#EFF4FF;}
.tablegrid tfoot th { text-align:right !important; padding:4px; white-space:normal;}
.tablegrid_arrow { font-weight:bold; font-size:1.2em; padding-left:5px; color:#A8412E;}
.tablegrid_right { text-align:right !important;}
.tablegrid_center { text-align:center !important;}

/*--------------------------------------------------------------------------------*/
/*Teacher Priority List                                  */
/*--------------------------------------------------------------------------------*/
.tpl td, .tpl th{vertical-align:top}

.center_text{text-align:center !important}

/*--------------------------------------------------------------------------------*/
/*Area of Focus and CK Composite Summary Graphs                                   */
/*--------------------------------------------------------------------------------*/
.hidden{display:none}
.visible{display:block}
.clear{clear:both;width:0 !important}
.top_three{background-color:#ff6600 !important ;}
.div_percent_bar{height:16px; background-color:#028CAF;}

.filters div{width:900px;}

.top_row_cbx_filters{padding:0 0 20px 0;}

.bottom_row_cbx_filters{padding:0 0 35px 0;}

.top_row_cbx_filters span, .bottom_row_cbx_filters span{float:left;margin-left:10px;margin-right:10px}

.filter_first{margin-left:0 !important}

.list_filters{padding-top:15px;}
.list_filters div{float:left;margin-left:20px;margin-right:20px;width:180px;}

.filter_btn{width:700px !important;text-align:center;padding:20px 0 0 0;}
.filter_prev{font-style: italic; font-weight: normal; font-size: small;	text-decoration: none;	text-align: left;}

.div_txt_num_mentions{float:left;width:10%}
.div_txt_percentage{float:left;width:10%}
.div_percent_mentions{float:left;width:75%}
.div_line_avg_text{font-size:.8em;color:#000000;margin-top:-38px;margin-left:-20px;overflow:visible;width:50px;}

#div_ck_composite_container {border:none; width:900px;position:relative;}
#div_line_chart_points_container {width:800px;position:absolute;z-index:1000;left:342px;top:115px}

#div_line_chart_points_container,#ie8#fix{left:343px;} 

@media screen and (-webkit-min-device-pixel-ratio:0) 
{
    #div_line_chart_points_container 
    {
            width:800px;position:absolute;z-index:1000;left:335px;top:100px
    }
}
#div_line_chart_points_container div.line_chart_points_line {float:left;border-left:solid 2px #000000;width:103.5px;text-align:left;padding:0;margin:0}
#div_line_chart_avg{width:1px;border-right:dashed 2px #000000;position:absolute;left:14px;overflow:visible;}

#div_tbl_ck_composite_container{width:280px; float:left;z-index:999;}

#tbl_ck_composite{width:765px;/*width:900px;* because last two columns are hidden*/background:transparent;margin:0 0 50px 0;}
#tbl_ck_composite thead th{padding: 0 15px;margin:0;background-color:#529FAD;height:70px}/*border:none*/
#tbl_ck_composite thead th.max_min_headers, #tbl_ck_composite thead th.avg_header {border-right:none;}
#tbl_ck_composite thead th.last{border-right: 1px solid #E0E6F4 !important;}
#tbl_ck_composite thead th.line_chart_headers{text-align:left;background-color:#ffffff !important;border-right:none;position:relative}
#tbl_ck_composite thead th.clear_header{ background-color:#529FAD; color:#FFFFFF !important;}

#tbl_ck_composite tbody th{background-color:#ffffff;border-right:none;height:55px;padding:0;color:#000 !important;}
#tbl_ck_composite tbody th.last{border-right: 1px solid #E0E6F4;}
#tbl_ck_composite tbody th.beforelast{border-right: 1px solid #E0E6F4; border-left: 1px solid #E0E6F4;}
#tbl_ck_composite tbody th.line_chart_headers{}
#tbl_ck_composite td{padding: 8px 10px;margin:0;background:transparent !important}/*border:none*/
#tbl_ck_composite tr:hover td {background:transparent !important}
#tbl_ck_composite tr:hover td:hover {background:transparent !important}
#tbl_ck_composite tr.row_even{background-color:#E1F0F4}

.line_chart_headers div{position:relative;padding:0;margin:0;width:80px;}
.line_chart_headers div div{position:absolute;left:-40px;*left:-47px;top:5px;padding:0;margin:0}
.line_chart_cell {padding:0;margin:0}
.line_chart_container {width:400px;height:10px;padding:0;margin:0}
.line_chart_line_container {width:105px;height:2px;padding:0;margin:3px 0 0 -14px;background-color:#028CAF;position:relative;display:none}
.line_chart_start_point{float:left;margin-left:-2px;margin-top:-5px}
.line_chart_end_point{float:right;margin-right:-10px;margin-top:-5px}
.line_chart_avg_point{float:left;margin-top:-5px;margin-left:50px;margin-right:-50px;}

.max_min_headers div{padding:0;margin:0;position:relative;}
.max_min_headers div div{position:absolute;left:-27px;top:0;z-index:1000;padding:0;margin:0}
.avg_header div{padding:0;margin:0;position:relative;}
.avg_header div div{position:absolute;left:27px;top:0;z-index:1000;padding:0;margin:0}

.chart_spacer{width:70px;}
.priority_list_data{width:50px}


.float_right { float:right;}
