#access_list {
	padding: 10px;
	}
.access_list_check {
	height: 20px;
	text-align: center;
	width: 50px;
	}
.access_list_item {
	border-color: rgb(100,100,100);
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	float: right;
	margin-bottom: 5px;
	padding: 3px;
	}
.access_list_item:hover {
	background-color: rgb(255,50,50);
	color: rgb(255,255,255);
	}
.access_list_location {
	margin-right: 10px;
	width: 175px;
	}
.access_list_region {
	width: 225px;
	}
.access_list_school {
	margin-right: 5px;
	width: 200px;
	}
#access_list_regions {
        float: left;
        margin-right: 50px;
        }
#access_list_schools {
        float: left;
        }
.assignment_box {
        border-color: rgb(175,175,175);
        border-radius: 15px;
        border-style: solid;
        border-width: 1px;
        box-shadow: 4px 4px 15px rgb(50,50,50);
        cursor: pointer;
        height: 100px;
        margin-bottom: 50px;
        overflow: auto;
        padding: 10px;
        width: 300px;
        }
.assignment_box_header {
        font-size: 2em;
        line-height: 85px;
        text-align: center;
        }
body {
	background-color: rgb(255,255,255);
	background-image: url("/images/background.png");
	background-repeat: repeat-y;
	color: rgb(0,0,0);
	font-family: arial;
	font-size: 0.9em;
	height: 100%;
	margin: 0px;
	padding: 0px;
	}
.bold {
	font-weight: 700;
	}
.center { text-align: center; }
.clear {
	clear: both;
	}
#content {
	background-color: rgb(255,255,255);
	border-color: rgb(240,240,240);
	border-style: solid;
	border-width: 1px;
	margin: 10px;
	padding: 20px;
	}
#content_wrap {
	background-color: rgb(250,250,250);
	border-color: rgb(240,240,240);
	border-style: solid;
	border-width: 1px;
	/*height: calc(100vh - 130px);*/
	margin-bottom: 15px;
	margin-left: 250px;
	margin-right: 20px;
	min-height: calc(100% - 140px);
	position: absolute;
	width: calc(100% - 265px);
	}
.csv_table {
	border-collapse: collapse;
	border-color: rgb(100,100,100);
	border-style: solid;
	border-width: 1px;
	}
.csv_table td {
	border-color: rgb(100,100,100);
	border-style: solid;
	border-width: 1px;
	padding: 2px 5px 2px 5px;
	}
.details_table {
	border-spacing: 3px;
	border-width: 0px;
	float: left;
	margin-bottom: 50px;
	max-width: 750px;
        width: 100%;
	}
.details_table td {
	background-color: rgb(255,255,255);
	border-color: rgb(231,219,208);
	border-style: solid;
	border-width: 1px;
	padding: 3px 5px 3px 5px;
	}
.details_table td.details_table_left {
	background-color: rgb(231,219,208);
	width: 150px;
	}
.edit_cell {
	text-align: center;
	width: 50%;
	}
.edit_cell a {
	color: rgb(0,0,0);
	text-decoration: none;
	}
.email_lookup_table {
	border-collapse: collapse;
	margin: 10px 0px 10px 0px;
	}
.email_lookup_table td {
	font-size: 0.9em;
	}
#equipment_bottom {
        background-color: rgb(250,250,250);
        border-color: rgb(175,0,0);
        border-style: solid;
        border-width: 0px 1px 1px 1px;
        min-height: 40px;
        padding: 1px;
        }
.equipment_button {
        margin: 0px 0px 10px 20px;
        }
.equipment_content {
        background-color: rgb(250,250,250);
        border-color: rgb(175,0,0);
        border-style: solid;
        border-width: 0px 1px 0px 1px;
        min-height: 400px;
        padding: 1px;
        }
#equipment_header {
        background-color: rgb(175,0,0);
        height: 20px;
        padding: 2px;
        }
#equipment_header ul {
        margin: 0px;
        padding: 0px;
        }
#equipment_header ul li {
        float: left;
        list-style-type: none;
        }
#equipment_header ul li a {
        color: rgb(255,255,255);
        display: block;
        margin-left: 6px;
        padding: 2px;
        text-align: center;
        text-decoration: none;
        width: 125px;
        }
#equipment_header ul li a.equipment_active {
        background-color: rgb(255,255,255);
        color: rgb(175,0,0);
        }
.equipment_interior {
        background-color: rgb(255,255,255);
        border-color: rgb(255,200,200);
        border-style: solid;
        border-width: 1px;
        margin: 15px;
        min-height: 350px;
	overflow: auto;
        padding: 10px;
        }
#equipment_shipped {
	border-color: rgb(50,50,50);
	border-radius: 10px;
	border-style: solid;
	border-width: 1px;
	min-width: 600px;
	padding: 10px;
	width: 75%;
	}
.equipment_shipped_header {
	font-size: 1.2em;
	font-weight: 700;
	margin-bottom: 20px;
	}
#equipment_shipped_notification {

	}
.equipment_shipped_problem {
        cursor: pointer;
        }
#equipment_ordering_login {
	margin-left: 20px;
	}
#file_output {
	border-color: rgb(50,50,50);
	border-style: solid;
	border-width: 1px;
	margin-top: 20px;
	overflow: auto;
	height: 300px;
	width: 100%;
	}
.font_size_2 { font-size: 2em; }
.form {
	border-color: rgb(150,150,150);
	border-radius: 10px;
	border-style: solid;
	border-width: 1px;
	padding: 15px;
	}
.header_button {
	cursor: pointer;
	margin-right: 10px;
	}
#header_buttons {
	float: right;
	height: 30px;
	margin-top:45px;
	}
.hidden {
	display: none;
	}
.horizontal_list {
        margin: 0px;
        padding: 0px;
        }
.horizontal_list > li {
	float: left;
        list-style-type: none;
        }
.horizontal_list > li a {
        background-color: rgb(175,0,0);
        border-color: rgb(0,0,0);
        border-style: solid;
        border-width: 1px;
        color: rgb(255,255,255);
        display: inline-block;
	font-size: 0.9em;
	font-weight: 700;
        margin: 20px 10px 20px 10px;
        padding: 3px;
	text-align: center;
        text-decoration: none;
	width: 150px;
        }
.horizontal_list > li a:hover {
        background-color: rgb(225,0,0);
        }
html	{
	height: 100%;
	}
.inactive {
	text-decoration: line-through;
	}
.inactive_record {
	background-color: rgb(200,100,100);
	color: rgb(255,255,255);
	font-weight: 700;
	line-height: 35px;
	margin-bottom: 10px;
	margin-left: 70px;
        max-width: 750px;
	text-align: center;
        width: 100%;	
	}
.large_header {
	color: rgb(200,0,0);
	font-size: 3.0em;
	font-weight: 700;
	margin-left: 100px;
	}
.left { float: left; }
#loading {
        background-color: rgb(50,50,50);
        border-color: rgb(255,255,255);
	border-radius: 10px;
        border-style: solid;
        border-width: 1px;
        display: none;
        height: 200px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        width: 200px;
        z-index: 1000;
        }
#loading_image {
        height: 150px;
        margin: 25px;
        width: 150px;
        }
#location_list {
	margin-right: 50px;
	}
.log_main {
	border-collapse: collapse;
	border-color: rgb(200,200,200);
	border-style: solid;
	border-width: 1px;
	width: 100%;
	}
.log_main td {
	background-color: rgb(235,235,235);
	border-color: rgb(200,200,200);
	border-style: solid;
	border-width: 1px;
	padding: 4px;
	}
.log_main_top {
	width: 33%;
	}
#login_message {
	color: rgb(255,255,255);
	font-size: 0.9em;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
	}
.menu {
	margin: 0px;
	padding: 0px;
	}
.menu li { list-style-type: none; }
.menu li a {
        border-color: rgb(215,215,215);
        border-style: solid;
        border-width: 1px;
        color: rgb(0,0,0);
        display: block;
        margin: 0px 5px 3px 5px;
        padding: 3px;
        text-decoration: none;
        }
.menu li a:hover {
        background-color: rgb(230,230,230);
        border-color: rgb(155,155,155);
        }
#nav {
	float: left;
	height: 400px;
	padding-bottom: 50px;
	width: 233px;
	}
.nav {
	background-repeat: no-repeat;
        border-style: solid;
        border-width: 1px;
	cursor: pointer;
	font-family: "century gothic","arial","sans-serif";
	font-size: 1.1em;
	line-height: 28px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	}
.nav > .nav_icon {
	left: 0px;
	position: relative;
	top: 0px;
	}
.nav_head {
	background-color: rgb(100,100,100);
	background-image: url("/images/nav_icon_hamburger.png");
	border-color: rgb(166,166,166) rgb(90,90,90) rgb(90,90,90) rgb(166,166,166);
	color: rgb(255,255,255);
	}
.nav_item {
        background-color: rgb(212,212,212);
 	border-color: rgb(243,243,243) rgb(167,167,167) rgb(167,167,167) rgb(243,243,243);
        color: rgb(0,0,0);
	}
.nav_item:hover {
	background-color: rgb(195,195,195);
	}
.nav > .subnav {
	background-color: rgb(231,231,231);
	border-color: rgb(167,167,167) rgb(243,243,243) rgb(243,243,243) rgb(167,167,167);
	border-style: solid;
	border-width: 1px;
	font-size: 0.8em;
	margin: 2px 8px 8px 4px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	}
.nav > .subnav > .subnav_item {
	color: rgb(0,0,0);
	display: block;
	font-size: 0.9em;
	text-decoration: none;
	}
.nav > .subnav > .subnav_item:hover {
	color: rgb(0,0,255);
	padding-left: 5px;
	}
.noborder { border-width: 0px; }
.overflow_auto { overflow: auto; }
.pointer {
	cursor: pointer;
	}
#portal {
	bottom: 10px;
	color: rgb(125,125,125);
	font-size: 2.5em;
	position: fixed;
	right: 10px;
	text-transform: uppercase;
	z-index: 1000;
	}
#problem_other {
	margin: 3px 0px 3px 0px;
	}
#profile_details {
	margin-left: 240px;
	}
.profile_header {
	background-color: rgb(250,250,250);
	border-color: rgb(155,155,155);
	border-radius: 10px;
	border-style: solid;
	border-width: 1px;
	font-size: 1.5em;
	font-weight: 700;
	margin-bottom: 20px;
	padding: 10px;
	}
.quick_links {
	cursor: pointer;
	height: 20px;
	margin-right: 20px;
	width: 20px;
	}
.record_button {
        background-color: rgb(225,225,225);
        border-color: rgb(0,0,0);
        border-radius: 4px;
        border-style: solid;
        border-width: 1px 2px 2px 1px;
        cursor: pointer;
        display: inline-block;
        min-width: 75px;
        padding: 5px 10px 5px 10px;
        text-align: center;
        }
.record_button_green {
        background-color: rgb(67,159,97);
        border-color: rgb(105,203,137) rgb(28,107,54) rgb(28,107,54) rgb(105,203,137);
        color: rgb(255,255,255);
        }
.record_button_red {
        background-color: rgb(171,8,8);
        border-color: rgb(219,8,8) rgb(111,6,6) rgb(111,6,6) rgb(219,8,8);
        color: rgb(255,255,255);
        }
.record_data {
	display: none;
	}
.record_icons {
	float: left;
	margin-left: 20px;
	width: 30px;
	}
.record_icons img {
	cursor: pointer;
	margin-bottom: 15px;
	}
.record_pagination .current_status {
	margin-left: 50px;
	}
.record_pagination .record_pagination_links {
	float: right;
	margin-right: 50px;
	}
.record_pagination .record_pagination_link {
	background-color: rgb(235,235,235);
	border-color: rgb(150,150,150);
	border-style: solid;
	border-width: 1px;
	color: rgb(0,0,0);
	cursor: pointer;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin-left: 5px;
	text-align: center;
	text-decoration: none;
	width: 30px;
	}
.record_pagination .record_pagination_link:hover {
	background-color: rgb(175,175,175);
	}
.record_pagination .record_pagination_link.current_link {
	background-color: rgb(125,125,125);
	color: rgb(255,255,255);
	}
.record_search {
	float: right;
	height: 25px;
	width: 175px;
	}
.records_clear_search {
	cursor: pointer;
	float: right;
	margin-left: 5px;
	}
.records_icons {
	float: left;
	margin-left: 10px;
	margin-right: 30px;
	width: 30px;
	}
.records_icons img {
	cursor: pointer;
	margin-bottom: 20px;
	}
.required {
	color: rgb(255,0,0);
	font-weight: 700;
	}
.right { float: right; }
.rightmenu {
	background-color: rgb(250,250,250);
	border-color: rgb(215,215,215);
	border-radius: 15px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 4px 4px 15px rgb(50,50,50);
	float: right;
	overflow: auto;
	padding-top: 10px;
	width: 300px;
	}
.rightmenu ul {
	margin: 0px;
	padding: 0px;
	}
.rightmenu ul li {
	list-style-type: none;
	}
.rightmenu ul li a {
	border-color: rgb(215,215,215);
	border-style: solid;
	border-width: 1px;
	color: rgb(0,0,0);
	display: block;
	margin: 0px 5px 3px 5px;
	padding: 3px;
	text-decoration: none;
	}
.rightmenu ul li a:hover, .rightmenu ul li a.active_item {
	background-color: rgb(230,230,230);
	border-color: rgb(155,155,155);
	}
.school_list_bg_off {
	background-color: rgb(255,255,255);
	}
.school_list_bg_on {
	background-color: rgb(200,200,200);
	}
.school_list_bg_over {
	background-color: rgb(125,125,125);
	color: rgb(255,255,255);
	}
#school_locations_list {
	border-color: rgb(150,150,150);
	border-style: solid;
	border-width: 0px 0px 0px 2px;
	}
.schools_list_cell {
	height: 350px;
	overflow: auto;
	}
.search_buttons {
        background-color: rgb(175,0,0);
        border-radius: 8px;
        color: rgb(255,255,255);
        cursor: pointer;
        display: inline-block;
        font-weight: 700;
        height: 30px;
        line-height: 30px;
        margin: 0px 20px 0px 20px;
        padding: 0px 20px 0px 20px;
        text-align: center;
        }
.search_form_left {
        border-color: rgb(200,0,0);
        border-style: solid;
        border-width: 0px 1px 0px 0px;
        }
.search_headers {
        background-color: rgb(50,50,50);
        color: rgb(255,255,255);
        cursor: pointer;
        }
.search_headers:hover {
        background-color: rgb(75,75,75);
        }
.search_over {
        /*background-color: rgb(175,175,175);*/
        background-color: rgb(0,0,0);
        color: rgb(0,0,0);
        }
.search_results {
        border-collapse: collapse;
        border-color: rgb(175,175,175);
        border-style: solid;
        border-width: 1px;
        }
.search_results td {
        border-color: rgb(175,175,175);
        border-style: solid;
        border-width: 1px;
        padding: 3px;
        }
.selector {
	background-color: rgb(255,255,255);
	border-color: rgb(100,100,100);
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	color: rgb(0,0,0);
	cursor: pointer;
	margin: 5px 10px 5px 10px;
	padding: 5px;
	}
.selector_over {
	background-color: rgb(225,225,225);
	color: rgb(0,0,0);
	}
.selector_selected {
	background-color: rgb(225,0,0);
	color: rgb(255,255,255);
	}
.show_equipment:hover {
	cursor: pointer;
	}
.show_ticket_large {
	font-size: 1.3em;
	font-weight: 700;
	text-align: center;
	}
.shown {
	display: block;
	}
.smalltext { font-size: 0.8em; }
.table_icon {
	cursor: pointer;
	margin: 3px;
	}
.template {
	background-color: rgb(200,50,50);
	border-radius: 2px;
	color: rgb(255,255,255);
	cursor: pointer;
	font-family: "century gothic";
	padding: 3px 5px 3px 3px;
	text-align: center;
	text-decoration: none;
	width: 125px;
	}
textarea {
	font-family: arial;
	font-size: 0.9em;
	}
#title_bar {
	color: rgb(0,0,0);
	font-family: "century gothic", arial, "sans-serif";
	font-size: 1.5em;
	line-height: 35px;
	padding-left: 20px;
	padding-right: 20px; 

	/*
	border-color: rgb(225,225,225) rgb(240,240,240) rgb(240,240,240) rgb(225,225,225);
	border-style: solid;
	border-width: 2px 1px 1px 2px;
	color: rgb(100,100,100);
	font-family: Arial;
	font-size: 2.0em;
	margin-bottom: 20px;
	padding: 5px 20px 5px 20px;
	*/
	}
#title_decoration {
	border-color: rgb(232,232,232);
	border-style: solid;
	border-width: 1px;
	height: 10px;
	margin: 10px 0px 20px 0px;
	}
.tooltip {
        background-color: rgb(171,8,8);
        border-color: rgb(150,150,150);
        border-radius: 5px;
        border-style: solid;
        border-width: 1px;
        color: rgb(255,255,255);
 	font-size: 1.1em;
        display: none;
        padding: 5px;
        position: absolute;
        width: 200px;
        z-index: 2000;
        }
.user_lookup {
        border-bottom-color: rgb(155,155,155);
        border-bottom-style: solid;
        border-bottom-width: 1px;
        font-weight: 700;
        margin-bottom: 15px;
        }
#users_access_list {
	min-height: 350px;
	width: 100%;
	}
#users_access_list td {
	width: 33%;
	}
#users_access_list td.border {
	border-color: rgb(200,200,200);
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	}
.users_form_left {
	border-color: rgb(150,150,150);
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	}
#validate_message {
	margin-right: 20px;
	}
#version_log {
	margin-top: 30px;
	}
.version_log li a {
	text-align: center;
	width: 150px;
	}
#version_log_details {
	margin-left: 200px;
	}
.version_log_head {
	font-weight: 700;
	margin-bottom: 10px;
	}
.version_log_table {
	border-spacing: 4px;
	}
.version_log_table_left {
	background-color: rgb(225,225,225);
	font-size: 0.9em;
	font-weight: 700;
	width: 150px;
	}
.vertical_list {
	margin: 0px;
	padding: 0px;
	}
.vertical_list > li {
	list-style-type: none;
	}
.vertical_list > li a {
	background-color: rgb(225,225,225);
	border-color: rgb(155,155,155);
	border-style: solid;
	border-width: 1px;
	color: rgb(0,0,0);
	display: block;
	margin-bottom: 3px;
	padding: 2px;
	text-decoration: none;
	}
.vertical_list > li a:hover {
	background-color: rgb(200,200,200);
	}
#whats_new {
        border-color: rgb(175,175,175);
        border-radius: 15px;
        border-style: solid;
        border-width: 1px;
        box-shadow: 4px 4px 15px rgb(50,50,50);
        margin-bottom: 50px;
	max-height: 400px;
        overflow: auto;
        padding: 10px;
	width: calc(100% - 400px);
	}
.whats_new_byline {
	font-size: 0.9em;
	font-style: italic;
	font-weight: 700;
	margin-top: 15px;
	}
#whats_new_header {
	border-color: rgb(175,0,0);
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	color: rgb(175,0,0);
	font-size: 1.4em;
	font-weight: 700;
	margin: 20px;
	width: 75%;
	}
.whats_new_item {
	border-color: rgb(200,200,200);
	border-style: dashed;
	border-width: 2px;
	margin: 15px 20px 15px 20px;
	padding: 10px;
	}
.whats_new_links {
	margin-left: 50px;
	margin-top: 15px;
	}
.whats_new_title {
	font-size: 1.2em;
	font-weight: 700;
	margin-bottom: 15px;
	}

.even {
        background-color: rgb(225,225,225);
        color: rgb(0,0,0);
        }
.odd {
        background-color: rgb(255,255,255);
        color: rgb(0,0,0);
        }
.over {
        background-color: rgb(125,125,125);
        color: rgb(255,255,255);
	cursor: pointer;
        }
.search_even {
        background-color: rgb(255,255,255);
        }
.search_odd {
        background-color: rgb(240,240,240);
        }
.search_over_vertical {
        background-color: rgb(225,225,225);
        color: rgb(0,0,0);
        }
.table {
	border-collapse: collapse;
	border-color: rgb(225,225,225);
	border-style: solid;
	border-width: 1px;
	margin-bottom: 20px;
	width: 100%;
	}
.table td {
	border-color: rgb(225,225,225);
	border-style: solid;
	border-width: 1px;
	height: 25px;
	padding: 3px;
	}
.table td.record_details {
	cursor: pointer;
	text-align: center;
	width: 100px;
	}
.table tr#record_details {
	display: none;
	}
.table tr#record_details td#record_details_cell {
	padding: 20px;
	}
.table tr.head {
	background-color: rgb(100,100,100);
	color: rgb(255,255,255);
	font-weight: 700;
	}
.table tr.even {
        background-color: rgb(245,245,245);
        color: rgb(0,0,0);
        }

.version_table {
	border-spacing: 3px;
	border-width: 0px;
	}
.version_table td {
	border-color: rgb(231,219,208);
	border-style: solid;
	border-width: 1px;
	height: 25px;
	padding: 3px;
	}
.version_table tr.version_head {
	background-color: rgb(231,219,208);
	}
.version_table tr.even {
	background-color: rgb(235,235,235);
	color: rgb(0,0,0);
	}
.version_table tr.active {
	background-color: rgb(121,102,86);
	color: rgb(255,255,255);
	}
.version_table td.action_icons {
	padding: 0px 10px 0px 10px;
	}
.version_table .action_icon {
	border: 0px;
	cursor: pointer;
	margin: 0px 2px 0px 2px;
	}
.view_details {
	margin: 0px;
	padding: 0px;
}
.view_details li {
	list-style-type: none;
}
.view_details li i {
	background-color: rgb(175,0,0);
    border-radius: 5px;
	color: rgb(255,255,255);
	display: inline-block;
	font-size: 0.8em;
	margin: 1px 5px 1px -35px;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
}
.view_details li a:hover {
	background-color: rgb(225,0,0);
}

/* The alert message box */
.alert {
    padding: 20px;
    background-color: #f44336; /* Red */
    color: white;
    margin-bottom: 15px;
}