body {
	border-top: 3px solid #f7d209;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*background: url('/images/bg.png') repeat-x #E4E4E4;*/
	/*background: url("/images/ui-bg_inset-soft_100_f4f0ec_1x100.png") top repeat-x #f4f0ec;*/
	background:#fff;
	padding:0;
	margin: 0px;
	overflow-y:scroll;
}
body#report {
	background: #fff;
	border-top: 0;
}
body#report header {
	margin:5px 15px;
}
body.public_body {
	background:rgba(243, 239, 235, 1);
}
header, hgroup, nav, article, section, aside, footer {
	display:block;
}

a:link, a:visited {
	color: #A60;
}
a:hover {
	color: #F90;
}

header#layout {
	background: url("/images/ui-bg_inset-soft_100_f4f0ec_1x100.png") top repeat-x #f4f0ec;
	min-width:1160px;
	padding:10px 20px 5px 15px;
}
body.public_body header#layout {
	text-align:center;
	min-width:0;
}
header#layout nav {
	float:right;
}
header#layout nav ul {
	border: none;
	list-style: none;
	margin:0;
	padding: 0;
}
header#layout nav li {
	display:inline;
	margin: 0;
	padding: 0;
	position:relative;
}
header#layout nav ul li:hover {
	background:none;
}
header#layout nav ul li a {
	display:inline;
	float:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:16px;
	margin: 0 0 0 20px;
	text-decoration: none;
}
.drop-menu {
	display:none;
	width: 225px;
}


footer {
	background: rgba(243, 239, 235, 1);
	color:#aaa;
	padding:6px 20px;
	font-size:10px;
	clear:both;
}

#wrapper {
	background:#ffe;
	clear:both;
	margin:0 0 1px 0;
	min-width:1168px;
	padding: 0;
}
#wrapper h3 {
	padding:0;
	margin: 20px 0 0 0;
	font-size:16px;
	font-weight:bold;
}
#wrapper #sidenav {
	position:absolute;
	padding:0;
	margin-right:4px;
	width:193px;
}
#wrapper #sidenav h2 {
	border-bottom:1px solid rgba(243, 239, 235, 1);
	margin:0;
	padding:24px 12px 4px 12px;
	font-size:16px;
	font-weight:bold;
}
#wrapper #sidenav select {
	background-color:#fff;
	border:1px solid rgba(223, 206, 193, 1);
	color:#930;
	cursor:pointer;
	border-radius:2px;
	font-size:14px;
	list-style: none;
	margin: 1px 0 15px 8px;
	padding: 3px 4px;
	width:160px;
	
}
#wrapper #sidenav select optgroup {
	background-color:#f4f0ec;
	color:#a60;
}
#wrapper #sidenav ul {
	font-size:14px;
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#wrapper #sidenav li {
	display: inline;
	margin: 0;
	padding: 0;
}
#wrapper #sidenav ul li a {
	display: block;
	padding: 8px 12px;
	border-bottom:1px solid rgba(243, 239, 235, 1);
	text-decoration: none;
}
#wrapper #sidenav ul li a:hover {
	background:#fff;
	color:#333;
}


#wrapper article {
	background:#fff;
	border-left:1px solid rgba(243, 239, 235, 1);
	font-size:0.9em;
	margin-left:193px;
	padding:6px 20px 56px 20px;
	min-height:560px;
}

#wrapper article h1 {
	border-bottom:2px solid rgba(223, 206, 193, 1);
	font-size:26px;
	line-height:26px;
	margin:0 -10px 1px -10px;
	padding:20px 0 8px 65px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	text-shadow:#ddd 1px 1px;
}
#wrapper article .hr {
	border-bottom:2px solid rgba(223, 206, 193, 1);
	display:block;
	margin:6px -10px 1px -10px;
}
#wrapper article .home {
	background-image:url('/images/h1icons/home.png');
	background-repeat:no-repeat;
	background-position:5px 2px;
}
#wrapper article .students {
	background-image:url('/images/h1icons/students.png');
	background-repeat:no-repeat;
	background-position:5px 2px;
}
#wrapper article .routes {
	background-image:url('/images/h1icons/routes.png');
	background-repeat:no-repeat;
	background-position:5px 2px;
}
#wrapper article .receivingschools {
	background-image:url('/images/h1icons/receivingschools.png');
	background-repeat:no-repeat;
	background-position:5px 2px;
}
#wrapper article .districts {
	background-image:url('/images/h1icons/districts.png');
	background-repeat:no-repeat;
	background-position:5px 2px;
}
#wrapper article .drtrs {
	background-image:url('/images/h1icons/drtrs.png');
	background-repeat:no-repeat;
	background-position:5px 2px;
}
#wrapper article .contractors {
	background-image:url('/images/h1icons/contractors.png');
	background-repeat:no-repeat;
	background-position:5px 2px;
}
#wrapper article .aidinlieu {
	background-image:url('/images/h1icons/aidinlieu.png');
	background-repeat:no-repeat;
	background-position:5px 2px;
}
#wrapper article .billing {
	background-image:url('/images/h1icons/billing.png');
	background-repeat:no-repeat;
	background-position:5px 2px;
}
#wrapper article .reports {
	background-image:url('/images/h1icons/reports.png');
	background-repeat:no-repeat;
	background-position:5px 2px;
}
#wrapper article .lettermerge {
	background-image:url('/images/h1icons/lettermerge.png');
	background-repeat:no-repeat;
	background-position:5px 2px;
}
#wrapper article .special {
	background-image:url('/images/h1icons/special.png');
	background-repeat:no-repeat;
	background-position:5px 2px;
}
#wrapper article .system {
	background-image:url('/images/h1icons/system.png');
	background-repeat:no-repeat;
	background-position:5px 2px;
}
#wrapper article .myaccount {
	background-image:url('/images/h1icons/myaccount.png');
	background-repeat:no-repeat;
	background-position:5px 2px;
}
#wrapper article .trip {
	background-image:url('/images/h1icons/trip.png');
	background-repeat:no-repeat;
	background-position:5px 2px;
}
#wrapper article .fleet {
	background-image:url('/images/h1icons/fleet.png');
	background-repeat:no-repeat;
	background-position:5px 2px;
}

h2 {
	margin:6px 0 4px 0;
}

/* Right Data Panels */
.rightpanels {
	float:right;
	display:block;
	margin:30px;
	width:300px;
}
.rightpanels .panel {
	background:#eefcff;
	border:2px solid #9ef;
	border-radius:10px 10px 0 0;
	clear:both;
	display:block;
}
.rightpanels .panel h4 {
	background:#9ef;
	margin:0;
	padding:10px 4px;
}
.rightpanels .panel ul {
	list-style:none;
	margin:0;
	padding:0;
}
.rightpanels .panel ul li {
	border-top:1px solid #9ef;
	font-size:12px;
	margin-bottom:10px;
	padding:10px;
}
.rightpanels .panel ul li h5 {
	font-size:14px;
	margin:4px 0 8px 0;
}
.rightpanels .panel ul li .timestamp {
	color:#999;
	display:block;
}

/* For various messages */
.message {
	margin:20px 8px;
	padding: 10px 10px 10px 70px;
	border-style:solid;
	border-width:1px;
	border-bottom-width:2px;
	border-radius:5px;
	font-weight:bold;
	font-size:14px;
	line-height:16px;
	min-height:48px;
}
.smallmessage {
	margin:10px auto;
	padding: 3px 10px;
	border-style:solid;
	border-width:1px 0 1px 0;
	font-weight:bold;
	font-size:14px;
	line-height:16px;
}

.message.error, .smallmessage.error {
	background-color: #FCC;
	border-color:#900;
	color:#900;
}
.message.error {
	background-image:url('/images/messageicons/error.png');
	background-repeat:no-repeat;
	background-position:10px 10px;
}
.message.warning, .smallmessage.warning {
	background-color: #FFC;
	border-color:#D90;
	color:#D90;
}
.message.warning {
	background-image:url('/images/messageicons/warning.png');
	background-repeat:no-repeat;
	background-position:10px 10px;
}
.message.success, .smallmessage.success {
	background-color: #CFC;
	border-color:#090;
	color:#090;	
}
.message.success {
	background-image:url('/images/messageicons/success.png');
	background-repeat:no-repeat;
	background-position:10px 10px;
}
.message.notice {
	background:url('/images/messageicons/notice.png') no-repeat 10px 10px #a8c6ff;
	border-color:#334a99;
	color:#334a99;
}

.smallwarning {
	margin-top:4px;
	padding:6px;
	border:1px solid #d90;
	background:#ffc;
}

#login {
	/*background:#f9f9f9;*/
	background: url("/images/ui-bg_inset-soft_100_f4f0ec_1x100.png") top repeat-x #f4f0ec;
	border:1px solid rgba(223, 206, 193, 0.8);
	border-bottom:3px double rgba(223, 206, 193, 0.8);
	margin:30px auto 0 auto;
	padding:10px 25px;
	text-align:center;
	width:350px;	
}
#login h1 {
	border-bottom:1px #000 solid;
	font-size:32px;
	font-weight:bold;
	text-align:left;
	margin:5px 0;
}
#login .error {
	background:url('/images/error.png') no-repeat 2px 2px #ffb4b4;
	border-radius:10px;
	display:table;
	margin-bottom:5px;
	padding: 2px 2px 2px 75px;
	min-height:70px;
	text-align:left;
	width:273px;
}
#login .error p {
	display:table-cell;
	vertical-align:middle;
	margin-bottom:5px;
}
#login .logout {
	background:#9f9;
	border-radius:10px;
	line-height:40px;
	text-align:center;
	font-weight:bold;
	margin-bottom:5px;
}
#login table {
	margin: 10px auto 10px auto;
}
#login footer {
	color:#aaa;
	text-align:center;
	width:300px;
}

.clearboth {
	clear:both;
}

.placeholder {
	color:#ccc;
}

/* Button navigation table */
.button-nav-container {
	margin:0 370px 0 0;
}
.button-nav, .notice-nav {
	margin:25px auto;
	padding: 0;
	max-width: 800px;
	border:1px solid #eee;
}
.button-nav .flexbuttons {
	box-shadow: 0 0 2em rgb(0 0 0 / 25%);
	display:flex;
	flex-wrap:wrap;
	
}
.button-nav .portalcontent {
	box-shadow: 0 0 2em rgb(0 0 0 / 25%);
	padding:10px;
}
.notice-nav {
	background:#fff;
	float:right;
	margin:0 0 0 8px;
	width:350px;
}
.button-nav h2, .notice-nav h2 {
	margin:0;
	padding:8px;
	color:#fff;
	background:#cb842e;
	font-size:14px;
}
.notice-nav section {
	background:rgba(250, 248, 247, 1);
	border-bottom:1px solid #eee;
	text-align:left;
	padding:1px 15px 15px 15px;
	font-size:14px;
	margin:10px 0;
}
.notice-nav section h3, #tabs .notice-nav section h3 {
	margin:18px 0 0 0;
	text-align:left;
}
.notice-nav section .date, .notice-nav section .studentcount {
	font-size:12px;
	color:#999;
}
.notice-nav section .studentcount {
	margin-top:-15px;
}
.gentable .button-nav, .gentable.button-nav {
	width:inherit;
}
.button-nav a {
	display:inline-block;
	width:110px;
	padding:10px;
	border:1px solid #f4f0ec;
	border-bottom:1px solid rgba(223, 206, 193, 1);
	border-radius:5px;
	background:#f4f0ec;
	text-align:center;
	margin:14px;
}
.button-nav a.doublebutton {
	width:250px;
}
.button-nav a.doublebutton .reporttable {
	margin-top:4px;
}
.button-nav a:hover {
	box-shadow: 0 0 1em rgb(0 0 0 / 15%);
	border:1px solid rgba(223, 206, 193, 1);
	background:#fafafa;
}
.button-nav a.selected {
	border:1px solid rgba(223, 206, 193, 1);
	background:#fcd888;
}
.button-nav a img {
	display:block;
	margin:0 auto;
	width:48px;
	height:48px;
	border:0;
	padding-bottom:4px;
}
.button-nav a.btn_disabled, .button-nav a.btn_disabled:hover {
	background:#e0e0e0;
	border-bottom:1px solid #ccc;
	color: #999;
	cursor:default;
}

/* Breadcrumb navigation */
nav#breadcrumbs {
	background-color:rgba(223, 206, 193, 1);
	font-size:14px;
	font-weight:bold;
	margin:0 -10px 20px -10px;
	padding:10px 10px;
}
nav#breadcrumbs a {
	font-weight:normal;
	
}
nav#breadcrumbs a:hover {
	color:#333;
	font-weight:normal;
}
nav#breadcrumbs .searchresnav {
	display:inline-block;
	background:#e9e3dc;
	font-size:12px;
	font-weight:bold;
	margin:-4px 8px;
	padding:4px 8px;
	text-decoration:none;
}
nav#breadcrumbs .searchresnav:hover {
	background:#f9f9f9;
	font-weight:bold;
}
nav#breadcrumbs .searchresnav.disabled {
	background:#ccc;;
	color:#999;
}
/* Search Table */
#searchtable {
	font-size:14px;
	margin:0 70px 20px 70px;;
}
#searchtable .row {
}

#searchtable .row a {
	border-radius:4px;
	display:inline-block;
	min-width:15px;
	padding:5px 3px;
	text-align:center;
}
#searchtable .row a:hover {
	background:#edebd4;
	color:#000;
}
#searchtable .row.rowspace {
	margin-top:40px;
}
#searchtable .row .typelabel {
	font-weight:bold;
}
#searchtable .row .field {
	margin:5px 0;
}
#searchtable .row .field .txt {
	border:1px solid #cdc3b7;
	font-size:16px;
	padding:5px 6px;
	width:400px;
}
#searchtable .row button {
	border-radius:0;
	font-size:14px;
	margin-top:-3px;
	padding-bottom:1px;
}

.ui-menu-item {
	font-size:14px !important;
	padding:5px !important;
}
.ui-menu-item.inactive a {
	color:#999 !important;
	font-style:italic;
}

/* General Table */
fieldset.gentable {
	background:#fefefe;
	border:1px solid rgba(223, 206, 193, 1);
	border-radius:0;
	margin:5px 0 20px 0;
	padding:0 30px;
}
fieldset.gentable legend {
	background:#fffff9;
	border:1px solid rgba(223, 206, 193, 1);
	border-radius:15px;
	font-size:16px;
	font-weight:bold;
	padding:4px 12px;
	margin:0 0 0 -25px;
}
fieldset.gentable legend a {
	text-decoration:none;
}
.gentable {
	padding:5px;
	border-radius:5px;
	background:#fff;
	margin:0 30px 14px 30px;
	font-size:12px;
}
.gentable p {
	font-size:14px;
	margin: 25px 12px;
}
.gentable .row {
	border-bottom:1px dotted rgba(223, 206, 193, 1);
	padding:5px;
}
.gentable .columnlabelrow {
	padding:5px 0 0 0;
}
.gentable .columnrow {
	padding:0;
}
.gentable .row .label {
	display:table-cell;
	width:210px;
	font-weight:bold;
}
.gentable .columnlabelrow .label, .gentable .columnrow .label {
	display:table-cell;
	width:200px;
	font-weight:bold;
	padding:5px;
}
.gentable .label a {
	font-weight:normal;
	color:#A60;
}
.gentable .columnlabel {
	background:#F5ECDE;
	display:table-cell;
	width:300px;
	font-weight:bold;
	padding:5px;
	text-align:center;
}
.gentable .columnspacer {
	display:table-cell;
	width:4px;
}
.gentable .field {
	display:table-cell;
	min-width:670px;
}
.gentable .label.totop {
	vertical-align:top;
}
.gentable .popupfield {
	display:table-cell;
	width:480px;
}
.gentable input[type=text], .gentable input[type=time], .gentable input[type=datetime-local],
.adddialog input[type=text], .adddialog input[type=time], .adddialog input[type=datetime-local],
.reporttable input[type=text], .reporttable input[type=time], .reporttable input[type=datetime-local],
textarea {
	background:rgba(255,255,255,0.8);
	border:1px solid #ccc;
	border-radius:2px;
	font-size:1.1em;
	padding:4px 6px;
	margin:2px 0;
	height:20px;
}
.gentable select,
.adddialog select {
	background:rgba(255,255,255,0.8);
	border:1px solid #ccc;
	border-radius:2px;
	font-size:1.1em;
	padding:2px 4px;
	margin:2px 0;
	height:28px;
}
.gentable .columnfield {
	background:#F5ECDE;
	display:table-cell;
	padding:5px;
	width:300px;
}

/* Input Text Options */
.ito_lname {
	width:200px;
}
.ito_fname, .ito_mname {
	width:125px;
}
.ito_date, .ito_time {
	width:100px;
	text-align:center;
}
.ito_phone {
	width:175px;
}
.ito_smallchar, .ito_ctycode, .ito_schcode, .ito_state {
	width:50px;
	text-align:center;
}
.ito_mediumchar {
	width:100px;
}
.ito_longchar, .ito_city {
	width:250px;
}
.ito_cdscode, .ito_zip, .ito_dstcode {
	width:90px;
	text-align:center;
}
.ito_bigtxtarea {
	height:30px;
	padding:4px;
	width:400px;
}
.ito_mediumtxtarea {
	height:60px;
	padding:4px;
	width:300px;
}
.ito_longtxtarea {
	height:30px;
	padding:4px;
	width:250px;
}
.ito_bigchar {
	width:400px;
}
.ito_shadedata {
	background:rgba(235,235,235,0.8) !important;
}
.ito_highlightdata {
	background:rgba(235,237,0,0.8) !important;
}
.ito_warningdata {
	background:rgba(235,0,0,0.3) !important;
}
.ito_street, .ito_email {
	width:300px;
}
.ito_largeselect {
	width:500px;
}
.ito_dollars {
	width:85px;
	text-align:right;
}
.ito_largedollars {
	width:125px;
	text-align:right;
}
.ito_bold {
	font-weight:bold;
}
.ito_addpadd {
	box-sizing:inherit;
	display:block;
	margin-bottom:5px;
	padding:10px;
	width:90%;
}
textarea.ito_addpadd {
	height:40px;
}

header#details {
	margin:10px 15px;
}
header#details span {
	display:block;
}
header#details .d_name {
	font-weight:bold;
	font-size:18px;
}

/* Data Table */
/* replaces Table Select in most instances below */
section.datatable_section {
	position: relative;
	border:1px solid rgba(223, 206, 193, 1);
	padding-top: 26px;
	background: #cb842e;
	width:100%;
	margin:20px auto;
}
.datatable_container {
	overflow-y: auto;
	max-height: 450px;
}
.datatable_container_small {
	overflow-y: auto;
	max-height: 250px;
}
.datatable {
	background:#fff;
	border-collapse:collapse;
	border-spacing: 0;
	font-size:14px;
	margin:0;
	min-width:600px;
	width:100%;
}
.datatable thead {
}
.datatable thead th {
	height: 0;
	line-height: 0;
	padding-top: 0;
	padding-bottom: 0;
	color: transparent;
	border: none;
	white-space: nowrap;
}
.datatable thead th div {
	background: transparent;
	border-left: 1px solid rgba(223, 206, 193, 1);	
	color: #fff;
	line-height: normal;
	margin-left: -15px;
	padding: 5px 15px;
	position: absolute;
	top: 0;
}
.datatable thead th.showsort div:after {
	content:' \21e9';
}
.datatable thead th.showsort.selected div:after {
	content:' \21e7';
}
.datatable thead th:not(.nosort) div {
	cursor:pointer;
	text-decoration:underline;
}
.datatable thead th:first-child div{
	border: none;
}
.datatable tfoot {
	font-weight:bold;
}
.datatable tfoot td {
	background:rgba(223, 206, 193, 1);
}
.datatable th, .datatable td {
	border-bottom:1px solid #eee;
	background: #f9f9f9;
	color: #000;
	padding: 6px 15px;
}
.datatable td {
	border-bottom:1px solid rgba(223, 206, 193, 1);
	font-size:12px;
}
.datatable td.ngo {
	cursor:pointer;
}
.datatable td + td {
	border-left:1px solid #eee;
}
.datatable tbody tr:nth-child(even) td {
	background:#e9e3dc;
}
.datatable .bold td {
	font-weight:bold;
}
.datatable .error td {
	color:#c00;
}
.datatable .inactive td {
	color:#999;
	font-style:italic;
}
.datatable td.checkbox {
	text-align:center;
	width:24px;
}
.datatable td.center {
	text-align:center;
}
.datatable tbody tr:hover td {
	background:#ffd;
}
.datatable td.student_number {
	min-width:81px;
}
.datatable td.phone {
	min-width:96px;
}

/* End Data Table */

/* Selection table */
.tableselect {
	background:#fff;
	border:1px solid rgba(223, 206, 193, 1);
	font-size:12px;
	height:450px;
	margin:5px 5% 10px 5%;
	overflow-x:hidden;
	overflow-y:scroll;
}
table.tableselect {
	border-spacing: 0;
	margin:0;
	padding:0;
	width:100%;
}
table.tableselect tr td {
	margin:0;
	padding:4px 6px;
}
.tableselect.compliance {
	height:200px;
}
.tableselect.noscroll {
	height:inherit;
	overflow-y:visible;
}
.tableselect .row {
	background:#fafafa;
	padding:0 6px;
	width:100%;
}
.tableselect div.row {
	display:table;
}
.tableselect.compliance .row {
	line-height:30px;
}
.tableselect .row.inactive {
	color:#888;
	font-style:italic;
}
.tableselect .row.headrow, .tableselect .row.headrow:hover {
	background:rgba(223, 206, 193, 0.6);
	color:#000;
	font-weight:bold;
}
.tableselect .row.error {
	color:#900;
	font-weight:bold;
	font-style:italic;
}
.tableselect .row.bold, .tableselect .row .bold {
	font-weight:bold;
}
.tableselect .row.odd {
	background:#eee;
}
.tableselect .row .ngo {
	cursor:pointer;
}
.tableselect .row:hover {
	background:#ffd;
}
.tableselect .row.toprow {
	background:rgba(223, 206, 193, 1);
	font-weight:bold;
}
.tableselect .row.toprow:hover {
	background:rgba(223, 206, 193, 1);
}
.tableselect .row div {
	display:table-cell;
	overflow:hidden;
	padding:8px 0;
}
.tableselect .row .checkbox {
	width:30px;
}
.tableselect .row .student_number, .tableselect .row .status {
	width:80px;
}
.tableselect .row .district_number {
	width:70px;
}
.tableselect .row .school_number {
	width:120px;
}
.tableselect .row .location {
	width:125px;
}
.tableselect .row .grade {
	width:48px;
}
.tableselect .row .name {
	width:215px;
}
.tableselect .row .primary_name {
	width:140px;
}
.tableselect .row .district {
	width:225px;
}
.tableselect .row .phone, .tableselect .row .timestamp {
	width:118px;
}
.tableselect .row .icons {
	text-align:center;
	width:110px;
}
.tableselect .row .money {
	text-align:right;
	width:150px;
	padding-right:10px;
}
.tableselect .row .icons a {
	display:inline-block;
	margin:0 1px;
	padding:0 2px;
}
.selectops {
	border-top:1px solid rgba(223, 206, 193, 1);
	background:#fff;
	padding:10px;
}
.selectops .group {
	margin-right:30px;
}

/* Options for dialog boxes */
.d-hidden {
	display:none;
}

/* Mini calendar display and school calendar screen */
.calleft {
	float:left;
	width:200px;
}
.calsetup {
	border:1px solid #ccc;
	background:rgba(255,255,255,0.95);
	padding:0 30px 30px 30px;
	margin-bottom:10px;
	width: 148px;
}
.calsetup h2 {
	text-align:center;
}
.calsetup p {
	margin-left:-20px;
}
.calsetup button {
	margin:2px 0;
	width:130px;
}
.calpage {
	-ms-user-select: none; /* IE 10+ */
	user-select: none;
	margin-left:215px;
}
.calcontainer {
	width:275px;
	height:185px;
	float:left;
}
.calcontainer table, #addstudentmap_dialog table {
	background:#fff;
	border:1px solid #ccc;
	border-collapse:collapse;
	width:95%;
	margin:0 auto 10px auto;
}
#addstudentmap_dialog table {
	width:100%;
	margin-top:10px;
}
#addstudentmap_dialog table input.small {
	padding-bottom:0;
	padding-top:0;
}
#addstudentmap_dialog table input.routedisabled {
	cursor:not-allowed;
}
.calcontainer table td, #addstudentmap_dialog table td {
	border:1px solid #ccc;
	margin:0;
	padding:4px 0;
	text-align:center;
}
#addstudentmap_dialog table .left {
	text-align:left;
}
#addstudentmap_dialog table .left.strong {
	font-size:10px;
	font-weight:bold;
}
#addstudentmap_dialog table td {
	padding:4px;
}
.calcontainer table td.calday {
	cursor:pointer;
	font-weight:bold;
	color:#6699CC;
}
.calcontainer table td.calwend {
	background:#eee;
}
.calcontainer table td.fullday, td.calledgend.fullday {
	background:#cec;
}
.calcontainer table td.halfday, td.calledgend.halfday {
	background:#ffc;
}
.calcontainer table td.snowday, td.calledgend.snowday {
	background:#abf;
}
.calledgend {
	border:1px solid #ccc;
	height:14px;
	margin:0;
	padding:4px 0;
	text-align:center;
	width:39px;
}
/* Layout for User interface */
.leftnav {
	float:left;
	width:199px;
	border-right:1px solid #036;
	padding-bottom:4px;
}
.leftnav ul {
	font-size:12px;
	list-style: none;
	margin: 0 15px;
	padding: 0;
	border: none;
}
.leftnav li {
	display: inline;
	margin: 0;
	padding: 0;
}
.leftnav ul li a {
	display: block;
	margin: 1px 0;
	padding: 0 7px;
	text-decoration: underline;
	line-height:22px;
}
.leftnav ul li a:hover {
	background:#eee;
	border-radius:10px;
}
.leftnav ul li .selected, .leftnav ul li .selected:hover {
	background: url('/images/usericons/leftnav-arrow.png') no-repeat right #f4eee5;
	border-radius:0;
	margin-right:-10px;;
	padding-left:7px;
	color:#000;
	text-decoration:none;
}


.rightcontent {
	float:right;
	border-left:1px solid #036;
	padding:5px 5px 5px 15px;
	margin-left:-1px;
	width:680px;
}

.linkDisabled:link {
	color: #aaa;
	cursor:default;
	text-decoration:none;
}

#tabs {
	display:inline-block;
	width:100%;
}

/* Used on the System Config > User page */
#apf {
	margin:0 0 0 15px;
	height: 550px;
	float: left;
}
/* End use on the System Config > User page */

/* Used on map/routing pages */
#routeToolbar {
	padding: 4px;
	margin-bottom:10px;
	font-size:12px !important;
}
#routeToolbar div {
	display: inline-block;
}

#mapLeft {
	position:absolute;
	width: 260px;
    min-height: 480px;
	overflow-y:scroll;
	overflow-x: hidden;
}
#mapAdd, #mapNav {
	position:absolute;
	width: 360px;
    min-height: 280px;
	overflow-y:scroll;
	overflow-x: hidden;
}
.mapTabs {
	margin-left:270px;
}
.mapContent {
	margin-left:370px;
}
a.openStudentList:link, a.openStudentList:visited {
	color:#427fed;
	text-decoration:none;
}
a.openStudentList:hover {
	text-decoration:underline;
}
#tabs h3 {
	margin:0;
}
.mapTabs div#map {
    min-height: 480px;
}
#maptab #map {
	margin:-12px -16px;
}
#mapmessage {
	border:1px solid;
	font-weight:bold;
	padding:6px 6px 6px 64px;
	margin:5px 10px;
	min-height:54px;
	font-size:13px;
	background-color: #DDD;
	border-color:#333;
	color:#333;
}
#mapmessage.success {
	background-color: #CFC;
	border-color:#090;
	color:#090;	
}
#mapmessage.info {
	background:url('/images/messageicons/notice.png') no-repeat 10px 10px #CCF;
	border-color:#009;
	color:#009;
}
#mapmessage.warning {
	background-color: #FFC;
	border-color:#D90;
	color:#D90;
}

#routeArea div.pathData {
	font-size:10px;
    text-align: left;
}

#directions .distance_head {
	background:#bbb;
	border-top:1px solid #666;
	font-size:12px;
	margin:2px 0 -4px 0;
	padding:5px 8px 0 8px;
	text-align:right;
}
#directions .nodistance_head {
	background:#bbb;
	border-top:1px solid #666;
	height:10px;
}
#directions .direction_head {
	background:#bbb;
	font-size:14px;
	padding:0 8px 10px 8px;
}
#directions .direction_head img {
	vertical-align:middle;
}
#directions .direction_step {
	background:#fff;
	border-top:1px solid #eee;
	padding:6px 30px;
}
#directions .direction_step:nth-child(odd) {
	background:#e2e2e2;
}
#directions .direction_step_distance {
	text-align:right;
}
#directions .totaldistance {
	border-top:1px solid #666;
	font-size:12px;
	margin:2px 0 -4px 0;
	padding:10px 8px 10px 8px;
	text-align:right;
}

#directions table.gebddir {
    text-align: left;
    width: 100%;
    margin-left: auto;
    margin-right: auto;    
    border: thin none black;
    border-collapse: collapse;
    border-spacing: 0;
}

#directions table.gebddir td {
    padding: 0;
}

#directions table.gebddir tr.heading {
    height: 40px;
}

#directions table.gebddir tr.text {
    height: 30px;
}

#directions table.gebddir td.heading {
    background: #a7a7a7;
	border-top:2px solid #fff;
    margin-left: 10px;
}

#directions table.gebddir td.even {
    background: #fff;
}

#directions table.gebddir td.odd {
    background: #e7e7e7;
}

#directions div.centered-directions {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background: #a7a7a7;
}

#directions div.left-shift {
    margin-right: 40px;
    margin-top: auto;
    text-align: right;
}

#directions div.right-shift {
    margin-left: 40px;
}

#directions div.middleCell {
    margin-left: 10pt;
    margin-right: 10pt;
}

#directions span.red {
    color: #ca0000;
}

#routeArea input.calcButton {
    width: 200px;
}

#mapLeft #sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#mapLeft #sortable li {
	height: 3.3em;
    margin: 0 3px 3px 3px;
    padding: 0.2em;
    padding-left: 0.5em;
    font-size: 0.75em;
    text-align: left;
}
#mapLeft #sortable li.ui-state-highlight {
	height: 3.3em;
	line-height: 1.2em;
}

ul.unsortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

ul.unsortable li {
	height: 3.3em;
    margin: 0 3px 3px 3px;
    padding: 0.2em;
    padding-left: 0.5em;
    font-size: 0.75em;
    text-align: left;
}

table.dragTable td {
	cursor:default;
    vertical-align: middle;
}

table.dragTable td.left {
    width: 27px;
}

table.dragTable td.middle {
    width: 200px;
}
table.dragTable td.right {
    width: 27px;
}

table.dragTable td.right button {
	height: 20px;
	width:20px;
	text-align:center;
}

table.dragTable .type img, table.dragTable td img.type, .mapTabs .gebddir .heading img.type {
	float:left;
	height:24px;
	padding-right:4px;
    width:24px;
}

table.dragTable td span.bold {
    font-weight:bold;
}

button.ui-button-icon-only {
    height: 100%;
}

div.poll {
    padding: 5px;
    background: #fdf5ce;
    border: 1px solid #fbd850;
    border-radius: 4px;
}
.mlFrame {
	background: rgba(243, 239, 235, 1);
	border:1px solid rgba(223, 206, 193, 1);
    border-radius: 4px;
	margin:10px 3px;
	padding:4px;
}
.mlFrame .mlTitle {
	font-size:14px;
	font-weight:bold;
	padding:5px 2px;
}
.mlFrame .mlButtons {
	text-align:right;
}
.mlFrame #preProgressBar {
	margin-bottom:2px;
}
.mlFrame #addEntry {
	display:block;
	margin:5px auto;
	width:200px;
	height:50px;
}
.routeButtons {
	margin-bottom:5px;
	text-align:center;
}
.tbSort {
	margin-top:2px;
	width: 186px;
}
.tbAddStop {
	margin-top:2px;
	width: 191px;
}
.tbExitAdd {
	float:right;
}
#addtabs {
	margin-bottom:5px;
}
.newselectstop {
	color:#d00;
}
#adjust_stops {
	overflow-x:hidden;
}
table.dragTable td.menuArrow {
	cursor:pointer;
	font-size:14px;
	text-align:center;
}
#itemMenu {
	position: absolute;
	width: 225px;
	z-index:100000;
}
#itemMenu li {
	font-size:11px;
	padding-left:22px !important;
}

#pnAddStop {
	margin:10px;
	width:324px;
}
#pnAddStop h3 {
	padding:.2em .5em .2em 2.2em;
}
.allsortable.addStopDrag {
	margin:10px 0 3px 0;
}
.allsortable.addStopDrag li {
	width:290px;
}
.allsortable.addStopDrag .firstLine {
	font-weight:bold;
	font-size:12px;
	white-space:nowrap;
	width:255px;
}
.allsortable.addStopDrag .firstLine div {
	overflow:hidden;
	text-overflow: ellipsis;
	width:251px;
}
.allsortable.addStopDrag .secondLine {
	font-size:10px;
	padding:0 0 3px 0;
	white-space:nowrap;
	width:255px;
}
.allsortable.addStopDrag .secondLine div {
	overflow:hidden;
	text-overflow: ellipsis;
	width:251px;
}
.allsortable.addStopDrag .thirdLine, .allsortable.addStopDrag li .type, .allsortable.addStopDrag li .menuArrow {
	display:none;
}

#stopResults #dragempty {
	background:#eee;
	min-height:60px;
	padding:10px;
	text-align:center;
	width:304px;
}
#stopResults li {
	width:314px;
}
#stopResults .firstLine {
	font-weight:bold;
	font-size:12px;
	white-space:nowrap;
	width:227px;
}
#stopResults .firstLine div {
	overflow:hidden;
	text-overflow: ellipsis;
	width:223px;
}
#stopResults .secondLine {
	font-size:10px;
	padding:0 0 3px 0;
	white-space:nowrap;
	width:227px;
}
#stopResults .secondLine div {
	overflow:hidden;
	text-overflow: ellipsis;
	width:223px;
}
#stopResults .thirdLine {
	color:#666;
}
#stopResults .thirdLine .studentcount {
	font-weight:bold;
}
#addStopResults .dragTable {
	width:290px;
}
#stopResults .dragTable {
	width:314px;
}



#allsortable, .allsortable {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 86%;
}
#allsortable.addressList, .allsortable.addressList {
	width:96%;
}
#allsortable li {
	height: 27px;
}
#allsortable li, .allsortable li {
	padding: 3px;
}
#allsortable li, #stopResults.allsortable li {
	margin: 0 3px 2px 3px;
}
.addStopDrag.allsortable li {
	margin: 0 0 2px 0;
}

#allsortable.addressList li, .allsortable.addressList li {
	height: 4em;
    margin: 0 3px 3px 3px;
    padding: 0.4em 0.2em;
    padding-left: 5px;
    font-size: 0.75em;
    text-align: left;
}
#allsortable.addressList li.li-smallrow, .allsortable.addressList li.li-smallrow {
	height: 1.6em;
    font-size: 11px;
}
#allsortable li img, .allsortable li img {
	padding:0 2px;
	vertical-align:middle;
}
li img.lii {
	float:left;
}
li img.rii {
	padding:5px 0 5px 4px;
	float:right;
}
li img.stoptype {
	padding-right:8px;
}
/* End use on route/map pages */

/* Add dialogs */
.adddialog h2 {
	margin:6px 0 4px 0;
	padding:0;
}
.adddialog p {
	margin-bottom:2px;
}
.adddialog .txt {
	width:300px;
}
.adddialog .count {
	color:#999;
	margin-bottom: 4px;
}
.adddialog .normalpanel {
	border-top:3px double #000;
	margin-top:6px;
}
.adddialog .addtlpanel {
	border-top:3px double #000;
	display:none;
	margin-top:6px;
}
.adddialog .addtlpanel.buttons {
	padding:10px;
	text-align:right;
}
.adddialog .addtlpanel .dataresults {
	height:450px;
	overflow:auto;
}
.adddialog .addtlpanel .distname {
	font-weight:bold;
	font-size:14px;
}
.adddialog .addtlpanel .dataresults .rightdata {
	float:right;
	font-weight:bold;
	text-align:center;
}
.adddialog .addtlpanel .dataresults .moredata {
	margin-top:5px;
}
.adddialog .addtlpanel .dataresults div.moredatalink {
	color:#999;
}
.adddialog .addtlpanel .dataresults fieldset.moredatalink {
	cursor:pointer;
}
.adddialog .addtlpanel .dataresults fieldset.moredatalink:hover {
	background:#FFC;
}
.adddialog .addtlpanel .dataresults fieldset.moredatalink.inactive, .adddialog .addtlpanel .dataresults fieldset.moredatalink.inactive:hover {
	background:#ddd;
	color:#888;
	cursor:default;
	font-style:italic;
}
.adddialog .addtlpanel .dataresults fieldset.moredatalink.inactive a {
	color:#888;
	cursor:default;
}
.adddialog .addtlpanel .dataresults fieldset.moredatalink.annotate, .adddialog .addtlpanel .dataresults fieldset.moredatalink.annotate:hover {
	background:#eee;
	color:#555;
}
.adddialog .addtlpanel .dataresults fieldset.moredatalink.annotate a {
	color:#555;
}
.adddialog .addtlpanel .dataresults .moredatalink a {
	text-decoration:none;
}
.adddialog .addtlpanel .dataresults .moredatalink a .regtext {
	text-decoration:underline;
}
.adddialog .addtlpanel .dataresults .moredatalink a .subtext {
	color:#999;
	font-size:12px;
}
.adddialog .addtlpanel .dataresults .moredatalink a .notetext {
	color:#008;
	font-size:12px;
}
.adddialog fieldset {
	background:rgba(255,255,255,0.8);
	border:1px solid #ccc;
	border-radius:2px;
	padding:4px 4px 3px 4px;
	margin:4px 2px 2px 0;
}
#addstudentmap_dialog iframe {
	width: 100%;
	height:425px;
	border:0;
}
/* End use for add dialogs */

/* Associate dialogs */
/* End use for associate dialogs */

/* Sortable Lists */
/* When needing two lists side by side, use class drag */
.drag { margin: 10px 0 0 10px; width:625px; float:left; }
.drag-little { margin: 10px 0 0 10px; width:325px; float:left; }
.drag ul, .drag-little ul { list-style-type: none; padding: 5px; clear:both; margin:10px auto; background: #eee; }
.drag li, .drag-little li { margin: 2px 0; padding: 2px 5px 2px 25px; cursor:default; overflow:hidden; }
.drag .addtolist, .drag-little .addtolist { margin:10px 0; line-height:28px; }

.gp-ui-state-highlight, .gp-ui-state-default { height:1.4em; line-height: 1.4em; }
.gp-ui-state-spacer { background:#eee; height:1.4em; line-height: 1.4em; border:1px solid #ccc; }

#sortable-inactive {margin-top:48px;}
.sorttable .ui-state-spacer {
	background:#aaa;
	border:1px solid #666;
	color:#fff;
	text-decoration:line-through;
}
.sorttable .ui-state-spacer .removespacer {
	cursor:pointer;
	float:right;
	margin-left:5px;
}
.sorttable .ui-state-default .removeitem {
	cursor:pointer;
	float:right;
	margin-left:5px;
}
.sorttable .ui-state-default .edititem {
	cursor:pointer;
	float:right;
	margin-left:5px;
}
.sorttable .ui-state-default .noedititem {
	cursor:not-allowed;
	float:right;
	margin-left:5px;
}
.sorttable .ui-state-default .selectitem {
	cursor:pointer;
	float:right;
	margin-left:5px;
}
.sorttable .ui-state-default .noselectitem {
	cursor:not-allowed;
	float:right;
	margin-left:5px;
}
.gp-ui-icon {position:absolute; margin-left: -20px;}

.gp-ui-state-new {
	background:#DFC !important;
	border:1px solid #9C6 !important;
}

.gp-ui-button { float:right; margin-left: -1px; height:24px; line-height:23px; padding:0; }
.gp-ui-input { float:right; height:18px; padding:2px 0 2px 4px; font-family:Arial, Helvetica, sans-serif; }
/* End Sortable List */

/* Report Tables */
.reporttable {
	background:#fff;
	border-collapse: collapse;
	margin-bottom:2px;
	width:100%;
}
.reporttable.small {
	margin-left:10%;
	width:inherit;
}
.reporttable .portlet-placeholder {
	background:#FFC !important;
    border: 1px dotted black;
    margin: 0 1em 1em 0;
    height: 31px;
}
.reporttable .portlet-handle {
	cursor:ns-resize;
}

.reporttable tr:nth-child(even) {
	background: #eee;
}
.reporttable thead td {
	font-size:18px;
	font-weight:bold;
	padding:0 4px 10px 4px;
	vertical-align:bottom;
}
.reporttable thead th {
	border-top: 1px solid #ccc;
	border-bottom:2px solid #000;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-weight:bold;
	padding:2px 4px;
	vertical-align:bottom;
}
.reporttable.small thead th, .reporttable.small thead th, .reporttable.small tbody td, .reporttable.small tfoot td {
	padding:6px 30px;
}
.reporttable tbody td {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom:1px solid #000;
	padding:2px 4px;
}
.reporttable tfoot {
	border-bottom:1px solid #ccc;
}
.reporttable tfoot td {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding:2px 4px;
}
.reporttable tfoot.bold td {
	font-weight:bold;
}
.reporttable.tallrows tr {
	min-height:30px;
}
.reporttable tr.voidline td {
	background-color:rgba(255,0,0,0.2);
	color:#aaa;
	font-style:italic;
}

.inactive {
	color:#888;
	font-style:italic;
}

.accordion button {
	width:150px;
}
.accordion .buttonrow {
	margin: 5px 0;
	text-align:right;
}

/* Public Portal */
#public_wrapper {
	background:#fff;
	clear:both;
	padding:10px 5%;
}
#public_frame {
	margin:0 auto;
	max-width:900px;
}
#public_frame h2, #public_frame h3 {
	text-align:center;
}
#public_frame .gentable {
	max-width: 1000px;
	margin: 0 auto;
}
#public_frame .button-nav, #public_frame .notice-nav {
	max-width: 900px;
}

#public_options {
	float:left;
	margin:20px;
}
#public_options .button {
	background-color:#FFF5D5;
	background-position:5px 5px;
	background-repeat:no-repeat;
	border:1px solid #a60;
	border-radius:6px;
	float:left;
	font-size:16px;
	margin:5px;
	padding:12px 20px 12px 90px;
	text-align:left;
	width:250px;
}
#public_options .button:hover {
	background-color:rgba(255, 253, 232, 1);
	border-color:#f90;
}
#public_options .button.subbus {
	background-image:url('/images/public/subbusicon.png');
}
#public_options .button.viewsubbus {
	background-image:url('/images/public/viewsubbusicon.png');
}

.mce-i-mergebutton {
    background-image: url('/images/tinyicons/mergebutton.png') !important;
    height: 16px !important;
    width: 16px !important;
}

.mergefieldlist a {
	display:block;
	border:1px solid #ccc;
	background:#eee;
	font-size:13px;
	padding:3px 8px;
	margin: 2px 0;
}

/* Used for Top Button */
#topBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: rgba(146,109,0,0.50);
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#topBtn:hover {
  background-color: #555;
}

/* Used for Trips screen */
#tripbuttons {
	background:rgb(225, 222, 217);
	border:1px solid rgb(205, 195, 183);
	margin:15px 0 0 0; 
	padding:6px;
	position: sticky;
	top: 0;
}
#triptable {
	background:rgb(205, 195, 183);
	border-collapse:collapse;
	margin:0;
	padding:6px;
	width:100%;
}
#triptable tr#headrow th {
	background:rgb(225, 222, 217);
	border-bottom:1px solid rgb(205, 195, 183);
	border-left:1px solid rgb(205, 195, 183);
	border-right:1px solid rgb(205, 195, 183);
	font-size:0.9em;
	padding:2px 4px;
	position: sticky;
	top: 50px;
}
#triptable tr#searchrow td {
	background:rgb(225, 222, 217);
	border-top:1px solid rgb(205, 195, 183);
	border-bottom:1px solid rgb(205, 195, 183);
	border-left:1px solid rgb(205, 195, 183);
	border-right:1px solid rgb(205, 195, 183);
	font-size:0.9em;
	height:40px;
	padding:2px 4px;
	position: sticky;
	top: 78px;
}
#triptable tr#searchrow td.search {
	font-size:2em;
}
#triptable tr#searchrow td[contentEditable=true] {
	background:rgb(235, 232, 227);
}
#triptable tr td {
	background:#fff;
	border:1px solid rgb(205, 195, 183);
	font-size:0.9em;
	padding:3px 4px;
}
#triptable .hide {
	display:none;
}
#triptable .center {
	text-align:center;
}
#triptable .right {
	text-align:right;
}
#triptable .error {
	background-color:#f66 !important;
}
#triptable tr td.ac_address {
	padding:0;
	width:190px;
}
#triptable .ac_address textarea {
	background:rgba(255, 255, 255, 0);
	border:0;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:3px 4px;
	width:182px;
	height:32px;
}
#triptable td.multidate {
	width:200px;
}
#triptable td.multidate button {
	float:left;
}
#triptable .date_entry {
	background:rgba(180, 180, 180, 0.5);
	border:1px solid #aaa;
	border-radius:6px;
	margin:1px 2px 1px 45px;
	padding: 2px 2px 2px 6px;
	text-align:left;
	white-space: nowrap;
	width:130px;
}
#triptable .date_remove {
	cursor: pointer;
	border-left:1px solid #aaa;
	display:inline;
	float:right;
	margin:0;
	padding:0 6px;
}
#triptable .val_date {
	width:80px;
}
#triptable .val_date .date-input,
#triptable .val_time .time-input {
	background:rgba(255,255,255,0);
	border:0;
	cursor:default;
	font-size: 1em;
	text-align:center;
	width:60px;
}
#triptable .val_date .datetime-input {
	background:rgba(255,255,255,0);
	border:0;
	cursor:default;
	font-size: 1em;
	text-align:center;
	width:125px;
}
#triptable td.tripstatus_inprogress {
	background: #eee;
}
#triptable td.tripstatus_processing {
	background: #fc9;
}
#triptable td.tripstatus_scheduled {
	background: #ebf;
}
#triptable td.tripstatus_awaitinginvoicing {
	background: #ffa;
}
#triptable td.tripstatus_invoiced {
	background: #bef;
}
#triptable td.tripstatus_paid {
	background: #bfb;
}
#triptable td.tripstatus_cancelled {
	background: #fbb;
}

#triptable .pendingchange {
	background-image: linear-gradient(to top, rgba(255, 0, 0, 0.4), rgba(255, 0, 0, 0)) !important;
	border-bottom: 1px solid #d66;
	padding: 3px 4px 2px 4px;
}
#triptable .warningchange {
	background-image: linear-gradient(to top, rgba(255, 255, 0, 0.6), rgba(255, 255, 0, 0.2)) !important;
	border-bottom: 1px solid #c93;
	padding: 3px 4px 2px 4px;
}
#triptable em, #triptable .lnk_error, #triptable .lnk_warning, #triptable .menu {
	color: #888;
	cursor: pointer;
	font-weight: bold;
}
#triptable .lnk_sort {
	cursor: pointer;
}
ul.ui-menu li.ui-menu-item div.limit_reached.ui-menu-item-wrapper {
	background: rgba(190, 0, 0, 0.2);
	color: #900;
}

/* General Pagination Links */
.pagination {
	display:inline;
}
.pagination a {
	background:#fff;
	border:1px solid #888;
	font-size:1em;
	margin:1px;
	padding: 4px 6px;
	text-decoration:none;
}
.pagination a.sel {
	background:#fe8;
}