/* CSS reset */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}

/* Horizon 2 Styles */

body
{
	font-family: verdana, arial, sans-serif;
}

a
{
	color: #2b45c1;
}

.highlight
{
	background-color: #FFFF00;
}

.info, .warning
{
	font-size: 12px;
	font-weight: bold;
	padding: 2px 3px;
}

.info
{
	border: 1px solid #000000;
	color: #FFFFFF;
	background-color: #658fbe;
}

.warning
{
	border: 2px solid #000000;
	color: #000000;
	background-color: #FFFF00;
}

.north_panel_title
{
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

.main_menu
{
	font-weight: bold;
	font-size: 12px;
	padding: 1px;
}

#login_panel .x-panel-body
{
	background-color: transparent;
}

.html ul
{
	list-style: disc;
}

.html ol
{
	list-style: decimal;
}

.html ul li, .html ol li
{
	margin-left: 30px;
}

.html ul ul li, .html ol ol li
{
	margin-left: 50px;
}

.html ul ul ul li, .html ol ol ol li
{
	margin-left: 70px;
}

.html strong
{
	font-weight: bold;
}

.html em
{
	font-style: italic;
}

.html em strong, .html strong em
{
	font-weight: bold;
	font-style: italic;
}

.panel
{
	padding: 5px;
}

/* data */

table.data
{
	border: 2px solid #000000;
	border-spacing: 0px;
}

table.data th
{
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #000000;
	background-color: #336699;
	padding: 3px;
}

table.data td
{
	border: 1px solid #000000;
	background-color: #FFFFFF;
	padding: 3px;
}

table.blank
{
	border: 0px;
}

table.blank tr td
{
	border: 0px;
	padding: 0px;
}

.alt_row, .alt_row td, table.data .alt_row td
{
	background-color: $light_grey_1;
}

/* iconLink */

.iconLinkButton
{
	float: left;
	padding: 5px;
	width: 70px;
}

a.iconLink
{
	display: block;
	float: left;
	font-size: 11px;
	padding: 5px;
	width: 70px;
	/* color: #2b45c1; */
	text-align: center;
	text-decoration: none;
	border: 1px solid $light_grey_1;
}

a.iconLink:hover
{
	text-decoration: underline;
}

a.iconLink:active
{
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 2px;
}

a.iconLink img
{
	display: block;
	margin: 0 auto;
}

a.iconLink div
{
	padding-top: 3px;
	white-space: normal;
}

.x-toolbar a.iconLink
{
	color: #FFFFFF;
	border: 0px;
}

.x-toolbar a.iconLink:active
{
	border: 0px;
}

/* start menu */
.start_menu
{
	width: 100%;
	font-size: 14px;
	font-weight: bold;
}

.start_menu td
{
	vertical-align: top;
}

.start_menu div
{
	padding: 10px;
}

.start_menu a
{
	text-decoration: none;
}

.start_menu a:hover
{
	color: #718aff;
}

/* found a bug */

a.found_a_bug
{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	vertical-align: middle;
}

a.found_a_bug:hover
{
	color: #d0d8e6;
}

/* first login */

ul.first_login_list li
{
	padding-bottom: 12px;
}

a.first_login_link
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #dff6e8;
	color: #FFFFFF;
	border: 1px solid #000000;
	background-color: #305172;
	padding: 3px;
}

a.first_login_link:hover
{
	color: #9fffc5;
	color: #DFE8F6;
}

/* logout */

a.logout
{
	padding-left: 18px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #DFE8F6;
	display: inline;
	position: absolute;
	left: 15px;
	bottom: 10px;
	height: 20px;
	width: 150px;
	background-color: #4E78B1;
	cursor: pointer;
}

a.logout:hover
{
	color: #9fc5ff;
}

/* message num */
.message_num
{
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
}

/* document */
.document
{
	font-size: 16px;
}

/* taskbar */
.taskbar .x-btn
{
	/*background-color: #4E78B1;*/
	padding: 0px 1px;
}

.taskbar .x-btn button.x-btn-text
{
	background-position: 3px center;
	padding: 0px 4px 0px 23px;
}

/* fix IE wide buttons */
.ext-ie .x-toolbar .x-btn .x-btn-mc, .ext-ie8 .fix_wide_button .x-btn-mc
{
	text-align: left;
}
.ext-ie .x-toolbar .x-btn button.x-btn-text, .ext-ie8 .fix_wide_button button.x-btn-text
{
	overflow: visible;
	width: 19px;
}


/* start button */
.taskbar .start_button
{
	background-color: #009900;
}


/* people picker */

fieldset.people_picker
{
	margin: 5px;
	border: 1px solid #000000;
	background-color: $light_grey_1;
}

fieldset.people_picker .x-form-item label.x-form-item-label
{
	float: left;
}


/* my profile */
.profile_title
{
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	text-decoration: underline;
	padding-bottom: 5px;
}

.profile_field_title
{
	width: 120px;
	text-align: right;
	font-weight: bold;
	vertical-align: top;
	padding-bottom: 5px;
}

.profile_field_data
{
	padding-left: 3px;
	vertical-align: top;
}


/* plugins */

.survey, .systems_check
{
	padding: 5px;
	font-size: 12px;
}

table.systems_check_top_label
{
/*	width: 720;*/
}

table.systems_check_top_label td
{
	width: 136px;
	text-align: center;
}

table.systems_check_label
{
	border: 1px solid #000000;
	width: 100%;
}

table.systems_check_label td
{
	padding: 2px;
	width: 25%;
	vertical-align: top;
}

#start_menu li
{
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
	margin-left: 20px;
}

.center_panel_bottom_bar table
{
	padding: 3px 0px;
}

.success_icon { background-image: url(../img/icons/32/accept.png) !important; background-repeat: no-repeat !important; }
.surveys_application_form_icon { background: url(../img/icons/application_form.png) 4px 2px no-repeat !important; }
.selected_epss_reporting_window { background-color: #c7d4e0; }
.epss_reported_on { background-color: #99FF99; }
.epss_not_reported_on { background-color: #FF9999; }

.faq_question { font-weight: bold; font-size: 13px; border-bottom: 1px solid #CCCCCC; }
.faq_answer { font-size: 12px; padding: 10px; }


/* epss */

table.epss, table.epss_row_report
{
	width: 960px;
	font-size: 12px;
}

table.epss td
{
	padding: 3px;
	vertical-align: top;
}

table.epss_row_report tr td, table.epss_row_report tr th
{
	padding: 2px;
}

/* fix the list items */

table.epss ol li
{
	list-style: decimal;
	margin-left: 25px;
	padding: 3px;
}

table.epss ol li li
{
	list-style: lower-alpha;
}

table.epss ol li li li
{
	list-style: lower-roman;
}

/* fix the row report list items */

table.epss_row_report ol.row_report li
{
	list-style: upper-alpha;
	margin-left: 25px;
	padding: 3px;
}

table.epss_row_report ol.row_report li li
{
	list-style: lower-roman;
}

table.epss_row_report ol.row_report li li li
{
	list-style: lower-alpha;
}

table.epss_row_report td
{
	vertical-align: top;
}

/* report rows */

tr.epss1 td, tr.epss1 th
{
	background-color: #E6B873;
}

tr.epss2 td, tr.epss2 th
{
	background-color: #9BCC8F;
}

tr.epss1 th, tr.epss2 th
{
	font-weight: bold;
	text-align: center;
}

tr.epss1 td, tr.epss2 td, tr.epss1 th, tr.epss2 th
{
	border: 2px solid #000000;
}

table.epss_targets, table.epss_proficiencies
{
	width: 100%;
	border: 1px solid #000000;
	border-spacing: 0px;
}

table.epss_targets th, table.epss_proficiencies th
{
	padding: 3px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #000000;
	background-color: #336699;
}

table.epss_targets td, table.epss_proficiencies td
{
	padding: 3px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

.epss_comment
{
	font-size: 12px;
	padding: 3px;
	margin-bottom: 20px;
}


/* system test */

table.system_test
{
	width: 100%;
}

table.system_test td.test
{
	width: 0;
	font-size: 14px;
	font-weight: bold;
}

table.system_test td.spacer
{
	border-bottom: 1px dotted #000000;
}

table.system_test td.results
{
	width: 50%;
	font-size: 14px;
}

.select-reload
{
	border: 1px solid #FF0000;
	width: 30px;
}


/* TIF styles */

.header_text
{
	font-size: 12px;
	font-weight: bold;
}

.tif_distribution_form .x-panel-footer
{
	border-top: 1px solid #dddddd;
	background-color: #dddddd;
}

.tif_error
{
	background-color: #FF9999;
}

.tif_distribution_amount
{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 8px;
}

/* makes buttons in the tif distribution able to align left and right */
.tif_distribution_button_align_right { width: 160px; text-align: right; }
.tif_distribution_button_align_left { width: 160px; text-align: left; }
.tif_distribution_button_align_left table.x-btn { float: left; }


/* myStandards styles */

.mystandards_view_standard_title
{
	padding: 10px;
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
}

.mystandards_view_standard
{
	padding: 0px 20px;
}

.mystandards_view_benchmark_title
{
	padding: 10px;
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
}

.mystandards_view_benchmark
{
	padding: 0px 20px;
}

.mystandards_view_performance_standard_title
{
	padding: 10px;
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
}

.mystandards_view_performance_standard
{
	padding: 0px 20px;
}

.mystandards_printer_view_standard_title
{
	color: #F4F4F4;
	background-color: #475566;
	font-weight: bold;
	padding: 3px;
}

.mystandards_printer_view_standard_body
{
	color: #000000;
/*	background-color: #dddddd; */
	font-size: 12px;
	padding: 3px;
}

.mystandards_comment
{
	padding: 10px;
}

.mystandards_comment_person
{
	padding: 0px 10px 10px 30px;
}

.mystandards_comment_delete
{
	text-align: right;
	width: 50px;
	padding-right: 5px;
}

table.mystandards_view_lesson
{
	width: 505px;
}


table.mystandards_view_lesson td
{
	vertical-align: top;
}

table.mystandards_view_lesson td.field_title
{
	width: 40%;
	text-align: right;
	font-weight: bold;
	padding-right: 5px;
}

.mystandards_help p
{
	padding-bottom: 10px;
}

.mystandards_public
{
	padding: 10px;
	font-size: 12px;
	font-weight: normal;
}

.mystandards_public h1
{
	font-size: 18px;
	font-weight: bold;
}

ul.mystandards_start_menu
{
	list-style: none !important;
	width: 48%;
	float: left;
}

.mystandards_start_menu_item
{
	padding: 5px;
	margin-bottom: 15px;
	background-color: #DDDDDD;
}

.mystandards_start_menu_item li
{
	padding-top: 5px;
	font-size: 12px;
}

.mystandards_perf_std_grade_separator
{
	border-top: 2px dashed #000000;
}

.mystandards_lesson_logs_calendar, .mystandards_lesson_logs_calendar div.x-panel, .mystandards_lesson_logs_calendar div.x-panel-bwrap
{
	height: 100%;
}

.mystandards_lesson_logs_calendar, .mystandards_lesson_logs_calendar div.x-panel-body
{
	height: 100%;
}

.mystandards_lesson_toolbar_button_current
{
	padding-left: 18px;
	height: 16px;
	background-position: 0 center;
	text-decoration: underline;
}

/* other styles */

.mystandards_title
{
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
}

.mystandards_result
{
	padding: 5px;
	padding-left: 10px;
}

.mystandards_result .title
{
	font-size: 14px;
	font-weight: bold;
}

.mystandards_result .excerpt
{
	padding: 5px;
}

fieldset.mystandards_copied_lessons
{
	padding-top: 3px;
}

.mystandards_copied_lessons ul li
{
	padding-top: 5px;
}

/* standards picker */

.ext-gecko .mystandards_standard_picker .active button
{
	font-weight: bold;
	border-bottom: 1px solid #FFFFFF;
}

.mystandards_standard_picker .active button
{
	text-decoration: underline;
}

.mystandards_lesson_collaboration_title
{
	padding: 5px;
	padding-top: 10px;
	font-weight: bold;
	text-decoration: underline;
}