body {
	font-size: 14pt;
	color: #000000;
	background: #66CCFF;
}


:focus
{
	outline: none !important;

}


.js-focus-visible :focus:not(.focus-visible)
{
	outline: none !important;
}


.focus-visible
{
	border: 2px dotted #ffff99 !important;
	outline: none !important;
}

.textBox.focus-visible,
.textBoxMini.focus-visible,
.textBoxNarrow.focus-visible,
.textBoxWide.focus-visible,
.pwdImg.focus-visible,
.btn-default.focus-visible,
.btn-default.student.focus-visible,
.dropdown-toggle.focus-visible
{
	border: 2px dotted #000066 !important;
	outline: none !important;
}

.dropListItem.focus-visible
{
	border: 1px dotted darkgreen !important;
	background-color: #ffff99;
	outline: none !important;
}

.cb.focus-visible,
.rb.focus-visible
{
	outline: 2px solid #ffff99 !important;
}

ul.tiles .tile a.focus-visible
{
	border: 3px dotted #ffff99 !important;
	outline: none !important;
}



b {
	font-weight: bold;
	color: #000066;
}

	.b-error {
	font-weight: bold;
	color: red;
}

.b-gray
{
	color: #555555;
}


.highlight-text {
	font-size: 19pt;
	color: #000066;
}

.highlight-text-area {
	padding: 20px 25px 0 25px;
}

.info-text
{
	color: #000066;
}

.elective-text
{
	color: #000088;
}

p {
	color: #000000;
}

p-inline {
	color: #000000 !important;
}

.p-fab-green {
	color: #006400 !important;
}

.p-color {
	color: #000066 !important;
	font-weight: bold !important;
}
.p-large-color {
	font-family: inherit;
	font-size: 18px;
	color: midnightblue;
}


.a-bold {
	font-weight: bold;
}

.a-strong {
	color: midnightblue;
}

.a-strong:hover,
	.a-strong:focus {
		color: #ff0;
		text-decoration: underline;
	}

a {
	color: midnightblue;
	text-decoration: none;
}

	a.nowrapping {
		color: midnightblue;
		text-decoration: none;
		white-space: nowrap;
	}

	a:hover,
	a:focus {
		color: midnightblue;
		text-decoration: none;
	}


.a-hover-yellow-no-u
{
	/*font-weight: bold;*/
	color: #000066;
	text-decoration: none;
}

.options
{
	line-height: 2.0;
	color: #000066;
}

.options a:link
{
	color: #000066;
	text-decoration: none;
}


.options a:focus,
.options a:hover
{
	color: #ff0;
	text-decoration: underline;
}


.a-hover-yellow
{
	color: #000066;
	text-decoration: underline;
}


.a-hover-yellow-underline-red
{
	color: #aa0000 !important;
	text-decoration: underline;
	text-decoration-color: #aa0000;
}

.a-hover-green
{
	color: #000066;
	text-decoration: underline;
}


.a-hover-yellow:hover,
.a-hover-yellow:focus,
.a-hover-yellow-no-u:hover,
.a-hover-yellow-no-u:focus
{
	color: #ff0;
	text-decoration: none;
}

.a-hover-yellow-underline-red:hover,
.a-hover-yellow-underline-red:focus
{
	color: #ff0 !important;
	text-decoration: none;
}

.a-hover-green:hover,
.a-hover-green:focus
{
	color: #006600;
	text-decoration: none;
}

.spacer-bottom-10 li
{
	margin-bottom: 10px;
}


.spacer-bottom-15 li
{
	margin-bottom: 15px;
}


.spacer-bottom-20 li
{
	margin-bottom: 20px;
}

.link-button
{
	-webkit-appearance: none;
	background: none;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #000066;
	cursor: pointer;
	display: inline;
	font-size: inherit;
	margin: 0;
	padding: 0;
	text-align: left;
	text-decoration: underline;
}

.link-button:active,
.link-button:hover,
.link-button:focus
{
	color: #ff0;
	text-decoration: none;
}


h1,
h2,
.h1,
.h2 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: #000000;

}

.color-black
{
	color: #000000;
}

h2 {
	font-size: 30pt;
}

.errors
{
	font-size: 14pt;
    color: darkred !important;
}

.failure
{
	font-size: 14pt;
    color: red !important;
}

.pending
{
	font-size: 14pt;
    color: #666666 !important;
}

.success {
	font-size: 14pt;
	color: darkgreen !important;
}

.allClear {
	font-size: 14pt;
	color: green !important;
}

.warning {
	font-size: 14pt;
	color: yellow !important;
}

.textOutline {
	text-shadow: -1px 1px 0 #777,
				  1px 1px 0 #777,
				  1px -1px 0 #777,
				  -1px -1px 0 #777;
	letter-spacing: 2px;
}


.inform {
	font-size: 14pt;
	color: #6633cc !important;
}

.errors-small
{
	font-size: 12pt;
    color: darkred !important;
}

.success-small {
	font-size: 12pt;
	color: #008000 !important;
}

.inform-small {
	font-size: 12pt;
	color: #6633cc !important;
}

.acp-sibling {
	/*font-size: 14pt;*/
	color: darkgreen !important;
}

.flag-subject {
	color: #ff0000 !important;
}


.flag-pmt-subject {
	color: #6633cc !important;
	font-weight: bold;
}

.alert-subject {
	/*color:  orangered !important;*/
	color: #aa0000;
	font-weight: bold;
}

.permit-subject {
	color: #008000 !important;
}

.inform-subject {
	color: #6633cc !important;
}

.green-notes {
	color: darkgreen;
}


.navbar-image-21
{
	height: 58px;
}

.navbar-image-acp
{
	height: 62px;
}


	.navbar-inverse {
	background-color: #000066;
	
	/*padding-top: 12px;*/
	/*padding-bottom: 12px;*/
	

	padding-top: 10px;
	padding-bottom: 30px;
	padding-right: 5px;
	min-height: 60px;
}

	
	.navbar-header {
		min-height: 60px;
	}


	.navbar-inverse .navbar-brand {
		font-size: 18pt;
		color: #66CCFF;
	}



		.navbar-inverse .navbar-brand:hover,
		.navbar-inverse .navbar-brand:focus {
			color: #ff0;
			background-color: transparent;
		}


    .navbar-inverse .navbar-text {
        color: #9d9d9d;
    }

	
	.navbar-inverse .navbar-nav > li > a {
		font-size: 16pt;
		color: #66CCFF;


		padding-top: 37px;


	}



		.navbar-inverse .navbar-nav > li > a:hover,
		.navbar-inverse .navbar-nav > li > a:focus {
			color: #ff0;
			background-color: transparent;
		}

    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav > .disabled > a,
    .navbar-inverse .navbar-nav > .disabled > a:hover,
    .navbar-inverse .navbar-nav > .disabled > a:focus {
        color: #fff;
        background-color: transparent;
    }

    .navbar-inverse .navbar-toggle 
	{   
		margin-top: 20px;
		border-color: transparent;
    }

        .navbar-inverse .navbar-toggle:hover,
        .navbar-inverse .navbar-toggle:focus {
            background-color: transparent;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #ffff99;
			
        }

.navbar-collapse
{
	border: none;
}
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
border: 0px solid #000066;
border-top: 2px solid #000066;
    } 

	

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus {
        color: #fff;
        background-color: #080808;
    }


.faqQ
{

	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 0px;


	cursor: pointer;

	margin-top: 20px;
	margin-bottom: 10px;


}


.faqA
{
	padding-left: 30px;
	padding-right: 25px;
	padding-top: 5px;
	padding-bottom: 10px;


	margin-bottom: 5px;

	
}

.faqA > p
{
	color: #333333;
}

.faqQAs
{
	vertical-align: middle;

}

.faqOdd
{
	background-color: #eeeeee;
}

.faqEven
{
	background-color: white;
}



#contactLink, #aboutLink, #faqLink, #eLearnLink
{
	font-size: 16pt;
}

#loginStat, #loginA
{
}

@media (max-width: 1200px)
{
	#contactLink, #aboutLink, #faqLink, #eLearnLink
	{
		font-size: 14pt;
		margin-right: 15px;
	}

	.navbar-inverse .navbar-nav > li > a
	{
		font-size: 14pt !important;
	}
}

@media (max-width: 992px)
{
	#contactLink, #aboutLink, #faqLink, #eLearnLink
	{
		font-size: 13pt;
		margin-right: 15px;
	}

	.navbar-inverse .navbar-nav > li > a
	{
		font-size: 13pt !important;
	}
}



@media (max-width: 768px)
{
	#Image1
	{
		margin-left: 8px;
	}

	.navbar-brand
	{
		padding-top: 12px;
	}

	#contactLink, #aboutLink, #faqLink, #eLearnLink
	{
		font-size: 13pt;
		margin-left: 20px;
	}

	
	.navbar-inverse .navbar-nav > li > a
	{
		font-size: 13pt !important;
		margin-left: 20px;
		padding-top: 30px;
	}

	.navbar-image-acp
	{
		height: 58px;
	}
	
}

	/*
@media (min-width: 992px)
{
	
	
	.navbar-right
{
		margin-right: 10px;
}

	.navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand
	{
  
		
		margin-left: 7px;
			
	}

}



.navbar-nav > li > a
{
	
}

.navbar-inverse .navbar-nav > li
	{
		
		padding-top: 20px;

	}

@media screen and (max-width: 768px)
{
	
	.navbar-right
{
		margin-right: 0px;
}

	.navbar-nav
	{
		margin-left: 0px;
	}

	.navbar-inverse .navbar-nav > li
	{
		padding-top: 16px;
	}

	#loginA
	{
		padding-left: 140px;
	}

}


@media screen and (max-width: 576px)
{
	.nav > li > a
	{
		
		padding-left: 0px;
		padding-bottom: 0px;
	}

	.navbar-inverse .navbar-nav > li > a
	{
		font-size: 14pt !important;
	}

	.navbar-brand
	{
		padding-top: 16px;

	}
	.navbar-image-21
	{
		height: 54px;
	}

	#loginStat
	{
		display: none;
	}

	#loginA
	{
		padding-right: 20px;
	}



}



@media screen and (max-width: 480px)
{
	.nav > li > a
	{
		padding-right: 0px;
		padding-left: 0px;
	}

	#loginStat
	{
		padding-left: 0px;
	}

	#loginA
	{
		padding-left: 0px;
	}

	.navbar-inverse .navbar-nav > li > a
	{
		font-size: 14pt !important;
	}

	.navbar-brand
	{
		padding-top: 16px;
		margin-left: 0px !important;

	}
	.navbar-image-21
	{
		height: 54px;
	}

	
}


@media screen and (max-width: 420px)
{
	.nav > li > a
	{
		padding-right: 0px;
	}
}

	
@media (min-width: 576px)
{
	
	.navbar-header-right {
		min-width: 220px;
	}
	

	.navbar-right
{
		margin-right: 10px;
}

	.navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand
	{
  
		
		margin-left: 7px;
			
	}
}

*/
.jumbotron {
	padding: 0 0 0 0;
	margin-top: 50px;
	color: #000000;
	background: none;
	
}

.divClick
{
	cursor: pointer;
}

.btn {
	font-size: 14pt;

	
}

	.btn-primary {
	color: #fff;
	background-color: #3b9906;
	border-color: #080808;
	white-space: normal;

	outline: none;
}

    .btn-primary:focus,
    .btn-primary.focus {
        color: #fff;
        background-color: #3b9906;
        border-color: #080808;

		outline: none;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #3b9906;
        border-color: #080808;

		outline: none;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #3b9906;
        border-color: #080808;

		outline: none;
    }

        .btn-primary:active:hover,
        .btn-primary.active:hover,
        .open > .dropdown-toggle.btn-primary:hover,
        .btn-primary:active:focus,
        .btn-primary.active:focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .btn-primary:active.focus,
        .btn-primary.active.focus,
        .open > .dropdown-toggle.btn-primary.focus {
            color: #fff;
            background-color: #3b9906;
            border-color: #080808;

			outline: none;
        }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none;

		outline: none;
    }

    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus {
        background-color: #3b9906;
        border-color: #080808;

		outline: none;
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff;
    }

.btn-outline-primary {
	font-size: 11pt;
}

.btn-default {
	color: midnightblue;
	background-color: #eeffff;
	border-color: #ccc;
	border-width: 2px;
	white-space: normal;
	margin-bottom: 5px;

	outline: none;
}

.btn-default:focus,
.btn-default.focus
{
	color: midnightblue;
	background-color: #eeffff;
	border-color: #8c8c8c;

	outline: none;
}

	.btn-default:hover {
		color: midnightblue;
		background-color: #ffff99;
		border-color: #adadad;

		outline: none;
	}

	.btn-default.restricted {
	color: red;
	background-color: #eeffff;
	border-color: #ccc;
	border-width: 2px;
	white-space: normal;
	margin-bottom: 5px;

	outline: none;
}

.btn-default.restricted:focus,
.btn-default.restricted.focus
{
	color: red;
	border-color: #8c8c8c;

	outline: none;
}

	.btn-default.restricted:hover {
		color: red;
		background-color: #ffff99;
		border-color: #adadad;

		outline: none;
	}

	.btn-default:active,
	.btn-default.active,
	.open > .dropdown-toggle.btn-default {
		color: midnightblue;
		background-color: #ffff99;
		border-color: #adadad;

		outline: none;
	}

	.btn-default.restricted:active,
	.btn-default.restricted.active,
	.open > .dropdown-toggle.btn-default.restricted {
		color: red;
		outline: none;
	}

		.btn-default:active:hover,
		.btn-default.active:hover,
		.open > .dropdown-toggle.btn-default:hover,
		.btn-default:active:focus,
		.btn-default.active:focus,
		.open > .dropdown-toggle.btn-default:focus,
		.btn-default:active.focus,
		.btn-default.active.focus,
		.open > .dropdown-toggle.btn-default.focus {
			color: midnightblue;
			background-color: #ffff99;
			border-color: #8c8c8c;

			outline: none;
		}

		.btn-default.restricted:active:hover,
		.btn-default.restricted.active:hover,
		.open > .dropdown-toggle.btn-default.restricted:hover,
		.btn-default.restricted:active:focus,
		.btn-default.restricted.active:focus,
		.open > .dropdown-toggle.btn-default.restricted:focus,
		.btn-default.restricted:active.focus,
		.btn-default.restricted.active.focus,
		.open > .dropdown-toggle.btn-default.restricted.focus {
			color: red;
			outline: none;
		}

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        background-image: none;

		outline: none;
    }

    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus {
        background-color: #fff;
        border-color: #ccc;

		outline: none;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }

.btn-student-register-highlight
{
	background-color: #ffff99;
}

.student-register-highlight
{
	text-align: center;
	/*color: darkgreen;*/
	/*background-color: #ffff99;*/
}

.btn-student-register {

	/*height: 35px;*/
	font-size: 11pt;


}

.btn-homeroom
{
	background-color: #66CCFF;
	border: 1px solid black;
}

.btn-homeroom:hover
{
	background-color: #ffff99;
}

.btn-height-35-font-11 {

	height: 35px;
	font-size: 11pt;

}

.btn-height-35-font-10 {

	height: 35px;
	font-size: 10pt;

}

.btn-student-homeroom {

	height: 35px;
	font-size: 11pt;

}

.btn-staff-attendance {

	height: 35px;
	font-size: 11pt;

}

.btn-reset-ro {

	height: 35px;
	width: 100px;
	font-size: 11pt;


}


.btn-student-register-now {
	color: green;
	height: 35px;
	font-size: 11pt;
}

	.btn-student-register:active,
	.btn-student-register:hover,
	.btn-student-register:focus {
	}


.btn-donate
{
	background-color: #FF0;
}
	.btn-donate:active,
	.btn-donate:hover,
	.btn-donate:focus {
		background-color: #0F0;
	}

.img-center {
	margin: 0 auto;
	vertical-align: auto;
}

img
{
  max-width: 100%;
  height: auto;
	
}

img.width-max-150
{
  max-width: 150px;
  height: auto;
	
}


.modal-noline {

	border:none;
}

.modal-dialog {

	background-color:white;
}

.modal-dialog.acpb
{
	  -webkit-user-select: none;
     -moz-user-select: -moz-none;
      -ms-user-select: none;
          user-select: none;

	background-color: blue;
}


.modal-content
{
	background-color:white;
}

.modal-content.acpb
{
	background-color:blue;
}

.modal-body
{
	background-color: white;
	text-align: left;
}

.modal-body.acpb
{
	background-color: #66CCFF;
}

.modal-footer
{
	background-color: white;
}

.modal-footer.acpb
{
	background-color: #66CCFF;
}

.modal-footer.acpb.nopad
{
	padding-top: 0px;
}

.modal-header
{
	background-color: navy;
}

.carousel-control, .carousel-control.left, .carousel-control.right {
	background-color: none;
	background-image: none;
	color: #333;
}

.car-cfg {
	margin: 0 auto;
	vertical-align: auto;
	max-width: 70%;
}

.promo-h1 {
	font-family: inherit;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.1;
	color: #000000;
}

.promo-h1-navy {
	font-family: inherit;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.1;
	color: navy;
}

.promo-h2 {
	font-family: inherit;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1;
	color: #006400;
}

.promo-h2-navy {
	font-family: inherit;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1;
	color: navy;
}

.promo-h3 {
	font-family: inherit;
	font-size: 16px;
	line-height: 1.1;
	color: black;
}

.promo-h3-bold {
	font-family: inherit;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.1;
	color: #000000;
}

.promo-h4 {
	font-family: inherit;
	font-size: 12px;
	line-height: 1.1;
	color: black;
}

.h4-bold {

	font-weight: bold;
}

.modal-h1 {
	font-family: inherit;
	font-size:24px;
	font-weight: bold;
	line-height: 1.1;
	color: midnightblue;
}
.modal-h2 {
	font-family: inherit;
	font-size: 20px;
	line-height: 1.1;
	color: black;
}

.modal-h3 {
	font-family: inherit;
	font-size: 16px;
	
	line-height: 1.1;
	color: black;
}

.modal-h3-bold {
	font-family: inherit;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.1;
	color: navy;
}
.modal-h4 {
	font-family: inherit;
	font-size: 12px;
	line-height: 1.1;
	color: black;
}

.acp-margins {
	/*margin-left: 5%;*/
	margin-right: 5%;
}

.staff-log-margins {
	margin-left: 3%;
	margin-right: 3%;
}

.attend-margins {
	/*margin-left: 5%;*/
	margin-left: 1%;
	margin-right: 1%;
}

.acp-modal-margins {
	margin-left: 5%;
	margin-right: 15%;
}

.modal-margins {
	margin-left: 10%;
	margin-right: 10%;
}

.modal-small-margins {
	margin-left: 5%;
	margin-right: 8%;
}

.modal-align 
{
	text-align: center;
}

.modal-center-table 
{
	margin: 0 auto;
}

.table-border-color
{
	border-color: red;
}

.form-control.textBox.search
{
	display: inline-block;
	width: 60%;
	min-width: 250px;
	margin-left: 10%;
	margin-right: 10%;
}

.incident
{
	background: #ffffff !important;
}


.width-100
{
	width: 100%;
}


.width-96
{
	width: 96%;
}

.width-95
{
	width: 95%;
}

.width-90
{
	width: 90%;
}


.width-88
{
	width: 88%;
}

.width-85
{
	width: 85%;
}

.width-80
{
	width: 80%;
}

.width-75
{
	width: 75%;
}

.width-70
{
	width: 70%;
}

.width-60
{
	width: 60%;
}

.width-50
{
	width: 50%;
}

.width-40
{
	width: 40%;
}


.width-35
{
	width: 35%;
}

.width-30
{
	width: 30%;
}

.width-25
{
	width: 25%;
}

.width-20
{
	width: 20%;
}

.width-15
{
	width: 15%;
}

.width-12
{
	width: 12%;
}

.width-10
{
	width: 10%;
}

.width-5
{
	width: 5%;
}

.width-3
{
	width: 3%;
}

.copyright {
	text-align:center;
	vertical-align:bottom;
}

.glyphicon-chevron-left:before {
	visibility: hidden;
	margin-left: -20px !important;
}

.glyphicon-chevron-right:before {
	visibility: hidden;
	margin-left: -40px !important;
}

.myglyph-override {
	font-weight: bold;
	vertical-align: text-top !important;
	color: navy;
}

.donate-initiative {
	font-size: 18px;
	font-weight: bold;
}

.success-text {
	color: darkgreen !important;
}

.error-text {
	color: #cc0000;
}

.error-text-bg {
	color:red;
	background-color: #ffe4e1;
}

.notice-text-bg {
	color:#000066;
	background-color: #ffffee;
}

.error-text-bg.padded, .notice-text-bg.padded
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

.error-text-bg.padded.more, .notice-text-bg.padded.more
{
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
}

.promo-text {
	color: green;
}

.ok-text {
	color:darkgreen;
}

.warning-text
{
	color: darkorange;
}

.inform-text {
	color:#6633cc;
}

.acp-manage-button
{
	background-color: #ffff99;
	border: 2px solid navy;
	font-weight: bold;
	
	font-size: 11pt;
}

.acp-expired-button,
.ecp-expired-button
{
	background-color: #FFE5CC;
	border: 1px solid navy;
	font-size: 10pt;
}

.acp-expired-button.control
{
	background-color: #66CCFF;
	border: 2px solid navy;
	font-weight: normal;
}

.acp-reg-button
{
	background-color: #89eeff;
	border: 2px solid navy;
	font-weight: bold;
	font-size: 11pt;
}

.ecp-reg-button
{
	background-color: #efefff;
	border: 2px solid navy;
	font-weight: bold;
	font-size: 11pt;
}

.acp-reg-advance
{
	background-color: #ff0000;
	border: 2px solid navy;
	font-weight: bold;
	font-size: 11pt;
}

.ecp-reg-advance
{
	background-color: #ff0000;
	border: 2px solid navy;
	font-weight: bold;
	font-size: 11pt;
}


.acp-dropin-button
{
	background-color: #efffef;
	border: 2px solid navy;
	font-weight: bold;
	font-size: 11pt;
}

.acp-extra-button
{
	background-color: #d7ffd7;
	font-weight: bold;
	border: 2px solid navy;
	font-size: 11pt;
}


.acp-reg-button.attention,
.ecp-reg-button.attention
{
	background-color: #00ff00;
}

.acp-extra-button.attention,
.ecp-extra-button.attention
{
	background-color: #ffff00;
}

.acp-reg-advance.advance,
.ecp-reg-advance.advance,
.acp-extra-advance.advance
{
	background-color: #ffff00;
}

.acp-extra-button:hover,
.acp-extra-button:focus,
.acp-dropin-button:hover,
.acp-dropin-button:focus,
.acp-reg-button:focus,
.acp-reg-button:hover,
.acp-reg-advance:focus,
.acp-reg-advance:hover,
.ecp-reg-button:hover,
.ecp-reg-button:focus,
.ecp-reg-advance:focus,
.ecp-reg-advance:hover,
.acp-manage-button:hover,
.acp-manage-button:focus
{
	background-color: #ffff99;
	border: 2px solid navy;
}


.acp-expired-button:hover,
.acp-expired-button:focus,
.ecp-expired-button:hover,
.ecp-expired-button:focus
{
	background-color: #FFE5CC;
	border: 1px solid navy;
}

.acp-expired-button.control:hover,
.acp-expired-button.control:focus
{
	background-color: #66CCFF;
	border: 2px solid navy;
}


.control-data {
	margin-bottom: 0;
	vertical-align: middle;
	padding-top: 7px;
	margin-bottom: 0;
	text-align: left;
	font-weight: bold;
}

.terms-confirm {
	text-align: center;
	font-size: 15px;
	font-weight: normal !important;
}

.terms-link {

	text-decoration:underline;
}

.text-underline {

	text-decoration:underline;
}

.confirm-initiative {
	font-size: 16px;
	font-weight: bold;
}

.confirm-text {
	font-size: 16px;
}

.not-bold {
	font-weight: normal !important;
}

.bs-width-4{
	max-width: 280px !important;
}


hr {
	border: none;
	border-top: 1px #CCCCCC solid;
	height: 1px;
}

hr.electives {
	border: none;
	border-top: 2px #CCCCCC solid;
	height: 1px;
}

.hr-80-95
{
	width: 80%;
}

.list-navy {
	color: navy;
}

.username {
	color: #ff0;
}

.button-list {
	text-align: center;
	font-size: 16px;
	font-weight: normal !important;
}

.policy-panel
{
	width: 720px;
	background-color: #eeeeee;	
}

.app-panel
{
	max-width: 810px;
	min-width: 680px;
	background-color: #eeeeee;	
	padding-top: 40px;

}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.text-pad {
	margin-left: 10px;
}

.text-pad-25 {
	padding-left: 25px;
}

.text-pad-20 {
	padding-left: 20px;
}

.text-pad-15 {
	padding-left: 15px;
}

.text-pad-10 {
	padding-left: 10px;
}


.text-pad-12 {
	padding-left: 12px;
}

.text-pad-5 {
	padding-left: 5px;
}

.text-pad-r {
	margin-right: 10px;
}

.pad-lr-7 {
	padding-right: 15px;
	padding-left: 15px;
}

.width-140px {
	width: 140px;
}

.btn-app {
	color: midnightblue;
	background: #fff;
	border-color: #ccc;
	border-width: 2px;
	white-space: normal;
	
	padding: 4px 8px 4px 8px;
}


.btn-myinfo
{
	color: #cccccc;
	background: #eeeeee;
	border: 1px dotted #cccccc;
	cursor: pointer;
	margin-bottom: 2px;
	
	margin-left: 7px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.btn-disabled-color
{
	color: #cccccc;
}

.btn-enabled-color
{
	color: #555555;
}

.darkgray
{
	color: #555555;
	border: 1px solid #555555;
}

.btn-myinfo:hover, .btn-myinfo:focus, .btn-myinfo:active
{
	background: #eeeeee;
	color: midnightblue;
}

.tooltip.info .tooltip-inner
{
	min-width: 100px;
	max-width: 100%;
	background-color: white;
	color: midnightblue;
}

.pm {
	color:blue;
}

.su, .rp, .rs, .vp, .pa, .ppa, .pw, .cr, .cm, .pc, .wn, .wi, .ws,
.cd, .cp, .dn, .sc, .ds, .ev, .ro, .mpmt, .qpmt, .apmt, .dpmt, .acceptance, .sdc, .sso, .cc, .c5p,
.at, .hs, .bt, .ir, .tid, .vt, .fp, .db, .times, .wl, .so, .sa, .ia, .ein, .ck, .pmt, .vsm, .ppl, .pae,
.elp, .rf, .rfu, .bb, .bi
{
	font-family: inherit;
}

.rb
{
	font-family: inherit;
}

.wk
{
	width: 90%;
	margin-top: 15px;
	
}

.wk.odd
{
}
.wk.even
{
}

.panel-success.plain {
	background-color: #eeeeee;
	border: none;
}

.panel-heading.red
{
	background: rgba(255, 00, 00, .15);
		border: none;
}

.panel-heading {
	border: none;
}

.sp
{
	padding-top: 5px;
	padding-bottom: 5px;
	
}


.panel-heading.plain {
	background-color: #eeeeee;
	border: none;
}

.panel
{
	box-shadow:none;
}

.padding-top-0 {
	padding-top: 0px;
}

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

.padding-top-5 {
	padding-top: 5px;
}

.padding-bottom-3 {
	padding-bottom: 3px;
}

.padding-bottom-4 {
	padding-bottom: 4px;
}

.padding-bottom-5 {
	padding-bottom: 5px;
}

.padding-top-7 {
	padding-top: 7px;
}

.padding-top-10 {
	padding-top: 10px;
}

.padding-top-15 {
	padding-top: 15px;
}

.padding-top-20 {
	padding-top: 20px;
}

.padding-top-25 {
	padding-top: 25px;
}

.padding-top-30 {
	padding-top: 30px;
}

.padding-bottom-7 {
	padding-bottom: 7px;
}

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

.padding-bottom-15 {
	padding-bottom: 15px;
}

.padding-bottom-20 {
	padding-bottom: 20px;
}

.padding-bottom-25 {
	padding-bottom: 25px;
}

.padding-bottom-30 {
	padding-bottom: 30px;
}

.padding-10 {
	padding: 10px 10px 10px 10px;
}

.padding-15 {
	padding: 15px 15px 15px 15px;
}

.padding-15-10 {
	padding: 15px 15px 10px 15px;
}

.padding-20 {
	padding: 20px 20px 20px 20px;
}

.padding-25 {
	padding: 25px 25px 25px 25px;
}

.padding-30 {
	padding: 30px 30px 30px 30px;
}

.padding-35 {
	padding: 35px 35px 35px 35px;
}

.margin-bottom-55
{
	margin-bottom: 55px;
}

.margin-bottom-50
{
	margin-bottom: 50px;
}

.margin-bottom-45
{
	margin-bottom: 45px;
}

.margin-bottom-40
{
	margin-bottom: 40px;
}

.margin-bottom-35
{
	margin-bottom: 35px;
}

.margin-bottom-32
{
	margin-bottom: 32px;
}

.margin-bottom-30
{
	margin-bottom: 30px;
}

.margin-bottom-28
{
	margin-bottom: 28px;
}

.margin-bottom-27
{
	margin-bottom: 27px;
}

.margin-bottom-22
{
	margin-bottom: 22px;
}

.margin-bottom-25
{
	margin-bottom: 25px;
}

.margin-top-22
{
	margin-top: 22px;
}

.margin-top-24
{
	margin-top: 24px;
}

.margin-top-20
{
	margin-top: 20px;
	/*top: 0px;
	left: 0px;*/
}

.margin-top-25
{
	margin-top: 25px;
}

.margin-top-28
{
	margin-top: 28px;
}

.margin-top-32
{
	margin-top: 32px;
}

.margin-top-35
{
	margin-top: 35px;
}

.margin-top-37
{
	margin-top: 37px;
}
.margin-top-40
{
	margin-top: 40px;
}

.margin-top-45
{
	margin-top: 45px;
}

.margin-top-50
{
	margin-top: 50px;
}

.margin-top-55
{
	margin-top: 55px;
}

.margin-bottom-20
{
	margin-bottom: 20px;
}

.margin-bottom-17
{
	margin-bottom: 17px;
}

.margin-bottom-15
{
	margin-bottom: 15px;
}

.margin-bottom-14
{
	margin-bottom: 14px;
}

.margin-bottom-12
{
	margin-bottom: 12px;
}

.margin-top-11
{
	margin-top: 11px;
}

.margin-bottom-10
{
	margin-bottom: 10px;
}

.margin-bottom-8
{
	margin-bottom: 8px;
}

.margin-bottom-7
{
	margin-bottom: 7px;
}

.margin-bottom-6
{
	margin-bottom: 6px;
}

.margin-bottom-5
{
	margin-bottom: 5px;
}

.margin-bottom-3
{
	margin-bottom: 3px;
}

.margin-bottom-2
{
	margin-bottom: 2px;
}

.margin-bottom-1
{
	margin-bottom: 1px;
}

.margin-bottom-0
{
	margin-bottom: 0px;
}

.margin-top-17
{
	margin-top: 17px;
}

.margin-top-15
{
	margin-top: 15px;
}

.margin-top-14
{
	margin-top: 14px;
}

.margin-top-12
{
	margin-top: 12px;
}

.margin-top-11
{
	margin-top: 11px;
}

.margin-top-6
{
	margin-top: 6px;
}

.margin-top-5
{
	margin-top: 5px;
}

.margin-top-4
{
	margin-top: 4px;
}

.margin-top-3
{
	margin-top: 3px;
}

.margin-top-2
{
	margin-top: 2px;
}

.margin-top-1
{
	margin-top: 1px;
}

.margin-top-30
{
	margin-top: 30px;
}

.margin-top-0
{
	margin-top: 0px;
}

.margin-top-7
{
	margin-top: 7px;
}

.margin-top-8
{
	margin-top: 8px;
}

.margin-top-9 {
	margin-top: 9px;
}

.margin-top-10
{
	margin-top: 10px;
}

.margin-right-5
{
	margin-right: 5px;
}

.margin-right-7
{
	margin-right: 7px;
}

.margin-right-8
{
	margin-right: 8px;
}

.margin-right-10
{
	margin-right: 10px;
}

.margin-right-12
{
	margin-right: 12px;
}

.margin-right-15
{
	margin-right: 15px;
}

.margin-right-20 {
	margin-right: 20px;
}

.margin-right-25 {
	margin-right: 25px;
}

.policy-margin
{
	margin-bottom: 5px;
}

.policy-margin-top
{
	margin-top: 15px;
}

.policy-margin-top-ext
{
	margin-top: 20px;
}

.policy-margin-bottom
{
	margin-bottom: 20px;
}

.policy-margins
{
	margin-top: 20px;
	margin-bottom: 18px;
}

.app-margins
{
	margin-top: 22px;
	margin-bottom: 0px;
}

.dd-padding
{
	padding: 5px 5px 5px 5px;
}

.tb-padding
{
	padding: 6px 6px 10px 6px;
}

.tb-margin
{
	margin-bottom: 10px;
}

.b1
{
	font-weight:bold;
	color: midnightblue;
}

.b2
{
	font-weight: bold;
}

.acp-modal-body-margins
{
	margin-left: 4%;
	margin-right: 8%;
}

.margins-2-percent
{
	margin-left: 2%;
	margin-right: 2%;
}

.margins-3-percent
{
	margin-left: 3%;
	margin-right: 3%;
}

.margins-4-percent
{
	margin-left: 4%;
	margin-right: 4%;
}

.margins-5-percent
{
	margin-left: 5%;
	margin-right: 5%;
}

.margins-6-percent
{
	margin-left: 6%;
	margin-right: 6%;
}

.margins-7-percent
{
	margin-left: 7%;
	margin-right: 7%;
}

.margins-8-percent
{
	margin-left: 8%;
	margin-right: 8%;
}

.margins-10-percent
{
	margin-left: 10%;
	margin-right: 10%;
}

.margins-12-percent
{
	margin-left: 12%;
	margin-right: 12%;
}

.margins-15-percent
{
	margin-left: 15%;
	margin-right: 15%;
}

.margins-20-percent
{
	margin-left: 20%;
	margin-right: 20%;
}

.margins-25-percent
{
	margin-left: 25%;
	margin-right: 25%;
}

.waiver-release
{
	color: black !important;
	margin-top: 15px;
	
	margin-left: 10px;
	margin-right: 8px;
}
ol.waiver-release > li
{
	margin-bottom: 7px;
}

.color-blue
{
	color: blue;
}

.color-acp-red
{
	color: #ed1f24;
}

.color-acp-blue
{
	color: #2b3087;
}

.color-yellow21
{
	color: #ffff99;
}

.color-blue-acp-background
{
	color: #66CCFF;
}

.color-blue-navbar
{
	color:#000066;
}

.color-navbar-blue-outline
{
	-webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #000066;
}

.color-yellow21-outline
{
	-webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffff99;
}

.color-yellow
{
	color: #ffff00;
}

.color-dark-blue
{
	color: #000066;
}

.color-green
{
	color: green;
}

.color-dark-green
{
	color: #006600;
}

.color-dark-dark-green
{
	color: #004400;
}

.color-dark-red
{
	color: #aa0000; /* darkred; */
}


.color-red
{
	color: red;
}

.color-purple
{
	color: purple;
}

.color-steelblue
{
	color: steelblue;
}

.color-darkslategray
{
	color: darkslategray;
}

.color-gray-222
{
	color: #222222;
}

.color-gray-333
{
	color: #333333;
}

.color-gray-555
{
	color: #555555;
}

.color-gray-777
{
	color: #777777;
}

.color-gray-999
{
	color: #999999;
}

.color-gray-BBB
{
	color: #BBBBBB;
}

.color-white
{
	color: white;
}


.text-bold
{
	font-weight: bold;
}

.close.kt-modal
{
	color: white;
	border: none;
	filter: alpha(opacity=50);
	opacity: .5;
	font-size:30pt;
}

.opacity-7
{
	opacity: 0.7;
}

.opacity-6
{
	opacity: 0.6;
}

.opacity-5
{
	opacity: 0.5;
}

.opacity-4
{
	opacity: 0.4;
}

.opacity-3
{
	opacity: 0.3;
}

.opacity-2
{
	opacity: 0.2;
}

.invisible
{
	display:none;
}

.html21ctrl
{
	margin-left: 6%;
}

.html21ctrl-5
{
	margin-left: 5%;
}

.html21ctrl-4
{
	margin-left: 4%;
}

.html21ctrl-3
{
	margin-left: 3%;
}

.html21ctrl-2
{
	margin-left: 2%;
}

.html21ctrl-1
{
	margin-left: 1%;
}

.html21ctrl-0
{
	margin-left: 0%;
}

.epPanel
{
	max-width: 720px;
}

.dmPanel
{
	max-width: 720px;
	background-color: #eeeeee;
}

/* nav buttons */

.pgheader
{
	margin-top: 35px;
}

.pgheader1
{
	margin-top: 80px;
}

.pgsummary
{
	margin-top: 20px;
	margin-bottom: 15px;
}

.pgsummarydv
{
	margin-top: 20px;
}

.maxw
{
	max-width: 200px;
}

.rbfloatlarge
{

	/*margin: 0 5% 0 70%;*/
	margin: 0 0 0 0;
	position: fixed;
	z-index: 1000;
	width:200px;

}

.rbfloat
{
	right: 4000px;
	margin: 0 0 0 0;
	/*margin: 0 5% 0 68%;*/
	position: fixed;
	z-index: 1000;

	width:150px;
}

.rbfloats
{
	left: 0;
	position: fixed;
	right: 0;
	z-index: 1000;

}

.topbtn
{
	margin-top: 10px;
	
}

.midbtn
{
	margin-top: 5px;
}

.sepbtn
{
	margin-top: 5px;
	margin-bottom: 28px;
}

.botbtn
{
	margin-top: 5px;
	margin-bottom: 10px;
}


/* end nav buttons */

.qrimage
{
	margin: 0 auto;
}

/* PRINT MODAL */

@media screen {
	#printSection {
		display: none;
	}
}

@media print {
	body * {
		visibility: hidden;
	}

	#printSection, #printSection * {
		visibility: visible;
	}

	#Print {
		visibility: hidden;
	}

	#printSection {
		position: absolute;
		left: 0;
		top: 0;
	}
}

.print-btn {
	text-align: center !important;
}

/* END PRINT MODAL */


.backcolor {
	background-color: #0ff !important;
}

.footer-text
{
	font-size: 10pt;
}

label
{
	font-weight: normal;
}

.label-bold {
	font-weight: bold;
	top: 10px;
	left: 0px;
}

.opt-spacer {
	/*margin-right: 20px;*/
}

.cb
{
	display: inline-block;
}

.cb.camp
{

}

.cb label
 {
     margin-left: 15px;
 }

.cb.camp label
 {
     margin-left: 15px;
 }

.cb-label
 {
     margin-left: 10px;
 }

.cb-label-bulk
 {
     margin-left: 7px;
 }

.form-margin-10
{
	margin-left: 10px;
}

.form-margin-small
{
	margin-left: 12px;
}

.form-margin
{
	margin-left: 15px;
}

.form-submargin-small
{
	margin-left: 30px;
}

.form-submargin
{
	margin-left: 50px;
}

.form-control
{
	font-size: 14pt;
	background: #eeffff;

}

.form-control.height40
{
	height: 40px;
}


	
	.form-control:focus
	{
		background: #ffff99;
	}

	.form-control[readonly]{
  background-color:#eeffff;
}
	.form-control[readonly]:focus{
  background-color:#ffff99;
}

.kidImg
{
	width: 180px;
	height: 240px;
}


	.home-page-image {
		padding-top: 10px;
		padding-bottom: 15px;
		max-height: 200px;
	}

.about-page-category-btm {
	padding-top: 15px;
	padding-bottom: 10px;
}

.about-page-category {
	
}

.about-page-category-end {
	padding-top: 16px;
	padding-bottom: 10px;
}

.about-page-text {
	padding-bottom: 0px;
}


.about-page-terms {

	font-size: 8pt;
	padding-bottom: 0px;
}


.about-page-logo {
	
	width: 120px;
}

.panel-pad {
	padding-top: 55px;
}

.calendar-style {
	display: inline-table;
	/*margin-left: 20px;*/
	margin-right: 50px;
	margin-top: 10px;
}


.calendar-width
{
	width: 90%;
}

.calendar-width.camp
{
	width: 80%;
}

.calendar-opacity
{
	opacity: 1.0;
}

.calendar-opacity.current
{
	opacity: 0.8;
}

.calendar-div {
	
}

.calendar-div th {
	font-size: 12pt;
	text-align: center;
	padding-left: 2px;
	padding-right: 2px;
}

.calendar-div.camp th {
	
}

.calendar-text
{
	font-size: 12pt;
}

.optpanel,
.optOUTpanel
{
	color: #000000;

	font-style: italic;

	opacity: 0.5;
}

.optINpanel
{
	color: #000000;

	opacity: 1.0;
}

.border-color-blue {
	border: 1pt solid midnightblue;
}


.border-bottom-blue {
	border-bottom: 1pt solid midnightblue;
}

.border-top-blue {
	border-top: 1pt solid midnightblue;
}


.border-bottom-888 {
	border-bottom: 1pt solid #888888;
}

.border-top-888 {
	border-top: 1pt solid #888888;
}

.border-bottom-AAA {
	border-bottom: 1pt solid #AAAAAA;
}

.border-top-AAA {
	border-top: 1pt solid #AAAAAA;
}


.border-bottom-silver {
	border-bottom: 1pt solid #CCCCCC;
}

.border-top-silver {
	border-top: 1pt solid #CCCCCC;
}

.buttonsplit {
	text-align: center;
}

.limit-width {
	max-width: 280px !important;
}

.limit-width-medium {
	max-width: 300px !important;
}

.limit-width-large {
	max-width: 320px !important;
}

.form-horizontal .control-label {
	padding-top: 3px;
}

.control-label-left {
	text-align: left !important;
}

.inlineBlock
{
	display: inline-block;
}


.margin-left-3-percent
{
	margin-left: 3%;
}

.margin-right-3-percent
{
	margin-right: 3%;
}

.margin-left-5-percent
{
	margin-left: 5%;
}

.margin-right-5-percent
{
	margin-right: 5%;
}

.margin-left-3
{
	margin-left: 3px;
}

.margin-left-5
{
	margin-left: 5px;
}

.margin-left-7
{
	margin-left: 7px;
}

.margin-left-10
{
	margin-left: 10px;
}

.margin-left-15 {
	margin-left: 15px;
}

.margin-left-20 {
	margin-left: 20px;
}

.margin-left-25 {
	margin-left: 25px;
}

.margin-left-30 {
	margin-left: 30px;
}

.margin-left-45 {
	margin-left: 45px;
}

.font-6 {
	font-size: 6pt;
}

.font-8 {
	font-size: 8pt;
}

.font-9 {
	font-size: 9pt;
}

.font-10 {
	font-size: 10pt;
}

.font-10-5 {
	font-size: 10.5pt;
}

.font-11 {
	font-size: 11pt;
}

.font-12 {
	font-size: 12pt;
}

.font-12-bold {
	font-size: 12pt;
	font-weight: bold;
}

.font-13 {
	font-size: 13pt;
}

.font-14 {
	font-size: 14pt;
}

.font-14-bold {
	font-size: 14pt;
	font-weight: bold;
}

.font-16 {
	font-size: 16pt;
}

.font-16-bold {
	font-size: 16pt;
	font-weight: bold;
}

.font-18 {
	font-size: 18pt;
}

.font-18-bold {
	font-size: 18pt;
	font-weight: bold;
}

.font-19 {
	font-size: 19pt;
}

.font-19-bold {
	font-size: 19pt;
	font-weight: bold;
}

.font-20 {
	font-size: 20pt;
}

.font-20-bold {
	font-size: 20pt;
	font-weight: bold;
}

.font-22 {
	font-size: 22pt;
}

.font-22-bold {
	font-size: 22pt;
	font-weight: bold;
}

.font-24 {
	font-size: 24pt;
}

.font-24-bold {
	font-size: 24pt;
	font-weight: bold;
}

.font-28 {
	font-size: 28pt;
}

.font-28-bold {
	font-size: 28pt;
	font-weight: bold;
}

.font-30 {
	font-size: 30pt;
}

.font-30-bold {
	font-size: 30pt;
	font-weight: bold;
}

.font-32 {
	font-size: 32pt;
}

.font-32-bold {
	font-size: 32pt;
	font-weight: bold;
}

.font-36 {
	font-size: 36pt;
}

.font-36-bold {
	font-size: 36pt;
	font-weight: bold;
}

.text-danger {
	color: #f00;
}

.no-show
{
	display: none;
}

.no-wrap
{
	display: inline-block;
	/*white-space: nowrap;*/
}

.acpWidth {

	padding-right: 20px;

	margin-left: 15px;
}

.acpModalPad {

	margin-left: 15px;
}

.headerWidth {

	margin-left: 5px;
}

.textBox
{
	margin-top: 7px;
	
	padding-left: 22px;
	padding-right: 22px;

	height: 44px;
	width: 50%;
	max-width: 70% !important;
	
	resize: none;
	min-width: 200px !important;
}

.textBox.regESign
{
	min-width: 300px !important;
}


.textBoxNarrow
{
	margin-top: 7px;
	
	padding-left: 22px;

	height: 44px;
	width: 30%;
	max-width: 50% !important;
	min-width: 150px !important;
}

.textBoxNarrow.ACP
{
	margin-top: 0px;
}

.textBoxNarrow.calendar
{
	padding-left: 0px;
	padding-right: 0px;
}

.textBoxWide
{
	margin-top: 7px;
	
	padding-left: 22px;
	padding-right: 25px;

	height: 44px;
	width: 70%;
	max-width: 90% !important;
	min-width: 200px !important;

	resize: none;
}


.eSign
{
	min-width: 320px !important;
}

.acpTextbox {

	max-width: 90% !important;
}

.acpTextbox.eLearn
{
	font-size: 20pt;
	font-weight: bold;

	border-radius: 5px;

	color: #000066;
	
}

.acp95 {

	max-width: 95%;
}

.acpHeight400 {

	height: 400px;
}

.acpTransparent
{
	background: none;
	border: none;
	
}

.acpToggleBackgroundYellow
{
	background: #ffff99;
	border: none;
}

.acpToggleBackgroundTransparent
{
	background: none;
	border: none;
}


.acpModalTextbox {

	max-width: 85%;
}

.acpModalLabel {

	max-width: 91%;
}

.jCalendar
{
	text-align: center;
	background: #eeffff;
}

.termS
{
	max-width: 50%;
}

.header-small-center {
	text-align: center;
	font-size: 18pt;
}

.header-small-center-sub {
	text-align: center;
	font-size: 14pt;
}

.width-max-40
{
	max-width: 40%;
}

.ital
{
	font-style: italic;
}

.header-image-center
{
	margin: 0 auto;
}

.image-center
{
	margin: 0 auto;
}

.link-valign-center
{
	vertical-align: auto;
}

.div-valign-center
{
	vertical-align: middle;
}

.partner-image
{
	width: 120px;
}

.partner-image-21
{
	width: 220px;
}

.course-image
{
	max-height: 160px;
}

.small-logo-image
{
	max-height: 130px;
}

.anchor {
    display: block;
    position: relative;
    top: -140px;
    visibility: hidden;
}

.text-center
{
	text-align: center;
}

.text-left
{
	text-align: left;
}

.student-div
{
	width: 180px;
	display: inline-block;

	white-space: nowrap;
	overflow: hidden;

}

.student-div.campOps
{
	width: 180px;
	display: inline-block;

	white-space: nowrap;
	overflow: hidden;

}

.student-div.campOps.noShow
{
	display: none;

}

/*
.student-div:hover {
    overflow: visible;
} 
*/

.no-overflow
{
	text-overflow: clip;
	white-space: nowrap;
        overflow: hidden;
}

.student-modal-cb {
    padding-bottom: 32px;
}


.dropin-options
{
	width: 80%;
}

.dropin-options-1
{
	width: 25%;
	margin-bottom: 7px;
	display: inline-block;
}

.dropin-options-2
{
	width: 25%;
	margin-bottom: 7px;
	display: inline-block;
}

.dropin-options-3
{
	width: 25%;
	margin-bottom: 7px;
	display: inline-block;
}

.dropin-legend
{
	margin-left: 5%;
	
}

.dropin-legend-cancel
{
	margin-left: 5%;
	
}

.dropin-available
{
	background: yellow;
	color: midnightblue;
	margin-right: 25px;
	margin-bottom: 10px;
	opacity: 0.5;
	padding-top: 5px;
	padding-bottom: 5px;
}

.dropin-included
{
	background: darkgreen;
	color: white;
	margin-right: 25px;
	margin-bottom: 10px;
	opacity: 0.5;
	padding-top: 5px;
	padding-bottom: 5px;
}

.dropin-selected
{
	background: darkgreen;
	color: white;
	margin-right: 25px;
	margin-bottom: 10px;
	opacity: 0.9;
	padding-top: 5px;
	padding-bottom: 5px;
}

.dropin-cancelled
{
	background: darkred;
	color: white;
	margin-right: 25px;
	margin-bottom: 10px;
	opacity: 0.5;
	padding-top: 5px;
	padding-bottom: 5px;
}

.dropin-options.camp
{
	margin-left: 5%;
	width: 65%;
}

.dropin-legend.camp
{
	width: 55%;
	font-size: 12pt;
}

.dropin-available.camp,
.dropin-included.camp
{
	width: 25%;
	text-align: center;
	margin-right: 25px;
	display: inline-block;
}

.dropin-cancelled.camp
{
	width: 75%;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 25px;
	display: inline-block;
}

.dropin-selected.camp
{
	width: 25%;
	text-align: center;
	margin-right: 0px;
	display: inline-block;
}


@media screen and (max-width: 992px)
{
	.calendar-width.camp
{
	width: 90%;
}
	.calendar-div.camp th
	{
		
	}

	.calendar-div th
	{
		font-size: 11pt;
	}

	.dropin-options.camp
	{
		width: 80%;
	}

	.kidImg
	{
		width: 144px;
		height: 192px;
	}

	.textBoxNarrow.ACP
	{
		margin-top: 10px;
	}

}

@media screen and (max-width: 768px)
{
	.calendar-width.camp
	{
		width: 100%;
	}

	.calendar-style
	{
		margin-right: 30px;
	}

	.dropin-options.camp
	{
		width: 90%;
	}

	.dropin-options-1
	{
		width: 25%;
	}

.dropin-options-2
	{
	width: 25%;
	}

.dropin-options-3
	{
	width: 30%;
	}

	.dropin-legend.camp
{
	font-size: 11.5pt;
}
}
@media screen and (max-width: 680px)
{
	.calendar-width.camp
	{
		width: 100%;
		font-size: 12.5pt;
	}

	.calendar-div.camp th
	{
		font-size: 10pt;
	}
	
	.calendar-style
	{
		margin-right: 20px;
	}

	.dropin-options-1
	{
		width: 25%;
	}

.dropin-options-2
	{
	width: 25%;
	}

.dropin-options-3
	{
	width: 25%;
	}
		.dropin-legend.camp
{
	width: 90%;
}
	.dropin-available.camp,
.dropin-included.camp
{
	width: 25%;
	margin-right: 15px;
}

.dropin-selected.camp
{
	width: 25%;
	
}

	.cb.camp label
 {
     margin-left: 10px;
 }
	.dropin-options-1,
	.dropin-options-2,
	.dropin-options-3
	{
		width: 60%;
		display: block;
	}

}


@media screen and (max-width: 620px)
{
	.calendar-width.camp
	{
		width: 100%;
		font-size: 13.5pt;
	}

	.calendar-div.camp th
	{
		font-size: 11pt;
		
	}
}


@media screen and (max-width: 480px)
{

	.dropin-legend.camp
{
	width: 100%;
	font-size: 10.5pt;
}
}


.dropin-calendar-days
{
	font-size: 6pt;
}

.no-border
{
	border: none;
}

.upload-format {

	height: 50px;
	font-size: 11pt;
	/*background-color:white;*/
	max-width:90%;
}

.regular-text
{
	font-size: 14pt;
	color: #000000;
}

.cb-align
{
	vertical-align: top !important;
}


.etable-header
{
	background-color: #FFFF99;
	border: 2px solid #000000;
}


.etable-pad
{
	padding-left: 10px;
	padding-right: 10px;
}

.etable-header.faq
{
	width: 150px;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	vertical-align: top;
}




.etable-container
{
	margin-left: 7%;
	margin-right: 5%;
}

.etable-container.electives
{
	margin-left: 5%;
	margin-right: 5%;
}


@media screen and (max-width: 1000px)
{
	
.etable-header.faq
{
	width: 135px;
}

.etable-container
{

	margin-left: 5%;
	margin-right: 5%;
}


}


@media screen and (max-width: 768px)
{
	
.etable-header.faq
{
	width: 95%;
	display: block;
}

.etable-container
{
	text-align: center;
	margin-left: 10%;
	margin-right: 10%;
}

.etable-container.electives
{
	margin-left: 10%;
	margin-right: 10%;
}


}

.etable-header-transparent
{
	border: 2px solid #000000;
}

.acp-reg-table
{
	line-height: 1.2;
}

.acp-reg-table-small
{
	line-height: 1.1;
}

.line-height-2-0
{
	line-height: 2.0;
}

.line-height-1-8
{
	line-height: 1.8;
}

.line-height-1-6
{
	line-height: 1.6;
}

.line-height-1-5
{
	line-height: 1.5;
}

.line-height-1-3
{
	line-height: 1.3;
}

.line-height-1-2
{
	line-height: 1.2;
}

.line-height-1-1
{
	line-height: 1.1;
}

.smallNewLine
{
	font-size: 6pt;
	margin: 0 0 0 0;
}

.hr-tiny {
            	border: none;
	border-top: 1px #CCCCCC solid;
	height: 1px;
display: block;
            content: "";
            margin-top: 4px;
			margin-bottom: 1px;
}

.color-silver
{
	color: #cccccc;
}

.weather-title-color
{
	color: #FFFF99;
}

.weather-left
{
	margin-left: -10px;
}

/*

	ELEARNING COURSES

*/

ul.tiles#multi_section_tiles {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

ul.tiles {
   /* -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
	   */
    overflow: visible;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    padding: 0;
}



ul.tiles .tile-clickable:hover
{
	transform: translateY(-6px);
	-webkit-transition: border-top-color 0s, transform .2s ease-in-out !important;
	-moz-transition: border-top-color 0s, transform 0.2s ease-in-out !important;
	-o-transition: border-top-color 0s, transform 0.2s ease-in-out !important;
	transition: border-top-color 0s, transform 0.2s ease-in-out !important;
}

/*
ul.tiles .tile:focus
{
	outline: 1px dotted;
}
	*/
/*
ul.tiles .tile-top
{
	height: 35px;
	width: 100%;
}
	*/
/*
ul.tiles .tile, .format-tiles .course-content ul.tiles .tile_bar {
    border-top-color: rgba(0, 0, 136, 1);
    background-color: rgba(221,238,238, 1);
    border-radius: 0;
}
	*/

/*.tile a {
    text-decoration: none;
}
	*/
/*
.tile a
{
	color: #777;
	width: 100%;
}

	*/

/*
ul.tiles .tile.spacer
{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
	*/
/*
ul.tiles .tile .tile-text
{
	text-align: center;
	width: 100%;
	height: 110px;
	padding-top: 5px;
	position: relative;
}

	*/

/*
ul.tiles .tile .tile-textinner
{
	display: inline-block;
	line-height: normal;
	top: 45%;
	transform: translate(0, -40%);
}

	*/

/*
ul.tiles .tile .tile-textinner.longtitle h3
{
	font-size: 1.2em;
}


ul.tiles .tile h3
{
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: normal;
	color: #000066;
}
	*/

ul.tiles .tile
{
	display: flex;
	flex-basis: 30% !important;
	max-width: 30% !important;
	flex-grow: 1;
	margin: 7px;
	max-height: 175px;
	height: 175px;
	vertical-align: top;
	background-color: #ddeeee;
	border-top: 0.45em solid transparent;

	border-top-color: rgba(0, 0, 136, 1);

	/*-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: border-top-color 0s, all .5s ease-in-out;
		*/

	/*-webkit-transition: background-color 0.2s ease-in-out, all 0.5s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out, all 0.5s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out, all 0.5s ease-in-out;
	transition: border-top-color 0s, background-color 0.2s ease-in-out, all 0.5s ease-in-out;
		*/
	color: #777;
	box-shadow: 2px 4px 5px 0 #bdbdbd;
	position: relative;
	margin-bottom: 15px;
	margin-right: 15px;
	border-radius: 0;

	padding: 0;
}

ul.tiles .tile a
{
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}


/*
.ul-tiles .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;

	 position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
*/

/*
*, *::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
	*/
/*
ul-tiles a img {
    outline: none;
    -moz-outline-radius: 0;
}

	*/


.clean-row {
  margin-right: 0px !important;
  margin-left: 0px !important;

  padding-left: 5px;
  padding-right: 5px;
}



ul.tiles .tile-clickable:hover,
ul.tiles .tile_bar.clickable:hover,
ul.tiles .tile-clickable.current:hover
{
	border-top-color: #ffff99;
	transition: border-top-color 0s;
}



ul.tiles .tile.selected
{
	border-top-color: #ffff99;
}


.tile-img-size
{
	height: 100%;
}

.my-multi_section_tile-number {
    /*margin-left: 0px !important;*/
    margin-top: 3% !important;
    font-size: 10pt;
    line-height: 1.4;
	color: #777777;
		

}


.my-multi_section_tile-img {
    height: 45% !important;
		max-height: 45% !important;
		margin-top: 1% !important;
		
}

.my-multi_section_tile-text
{
	line-height: 1.4;
	margin-top: 3% !important;
	text-align: center;
	font-size: 11.5pt;
	color: #000066;
		

}

@media screen and (max-width: 1400px)
{

	.my-multi_section_tile-text
	{
		font-size: 11pt;

		margin-top: 3% !important;
		/*margin-top: 12px !important;*/
	}

	.my-multi_section_tile-img
	{
		height: 45% !important;
		max-height: 45% !important;
		margin-top: 1% !important;
		/*margin-top: 12px !important;*/
	}

	.my-multi_section_tile-number
	{
		margin-top: 4% !important;
		font-size: 9.5pt;
	}

	ul.tiles .tile
	{
		max-height: 175px;
		height: 175px;
	}
}

@media screen and (max-width: 1200px)
{
	.hr-80-95
	{
		width: 95%;
	}

	.my-multi_section_tile-text
	{
		text-align: center !important;
		font-size: 10.5pt;
		
		margin-top: 5% !important;
		/*margin-top: 12px !important;*/
	}

	.my-multi_section_tile-img
	{
		height: 41% !important;
		max-height: 41% !important;
		margin-top: 4% !important;
		/*margin-top: 14px !important;*/
	}

	.my-multi_section_tile-number
	{
		margin-top: 5% !important;
		font-size: 8.75pt;
	}

	.tile-img-size
	{
		height: 100%;
	}

	ul.tiles .tile
	{
		max-height: 200px;
		height: 200px;
	}

}

@media screen and (max-width: 991px)
{
	.my-multi_section_tile-text
	{
		text-align: center !important;
		font-size: 9.75pt;
		margin-top: 6.5% !important;
		/*margin-top: 15px !important;*/
	}

	.my-multi_section_tile-number
	{
		margin-top: 6% !important;
		font-size: 8.75pt;
	}

	.my-multi_section_tile-img
	{
		height: 40% !important;
		max-height: 40% !important;
		margin-top: 7.5% !important;
		/*margin-top: 15px !important;*/
	}

	ul.tiles .tile
	{
		max-height: 210px;
		height: 210px;
		margin-right: 7px;
	}

	.tile-img-size
	{
		height: 100%;
	}


	.text-pad
	{
		margin-left: 5px;
	}
}

@media screen and (max-width: 991px)
{
	.my-multi_section_tile-text
	{
		text-align: center !important;
		font-size: 9.75pt;
		
		margin-top: 6.5% !important;
		/*margin-top: 15px !important;*/
	}

	.my-multi_section_tile-number
	{
		margin-top: 6% !important;
		font-size: 8.75pt;
	}

	.my-multi_section_tile-img
	{
		height: 40% !important;
		max-height: 40% !important;
		margin-top: 7.5% !important;
		
		/*margin-top: 15px !important;*/
	}

	ul.tiles .tile
	{
		max-height: 210px;
		height: 210px;

		margin-right: 7px;
	}

	.tile-img-size
	{
		height: 100%;
	}


	.text-pad {
	margin-left: 5px;
}
}

@media screen and (max-width: 500px)
{
	.my-multi_section_tile-text
	{
		text-align: center !important;
		font-size: 9.75pt;

		margin-top: 7% !important;
		/*margin-top: 16px !important;*/
	}

	.my-multi_section_tile-number
	{
		margin-top: 6.5% !important;
		font-size: 8.75pt;
	}

	.my-multi_section_tile-img
	{
		height: 39% !important;
		max-height: 39% !important;
		margin-top: 8% !important;
		/*margin-top: 14px !important;*/
	}

	ul.tiles .tile
	{
		flex-basis: 45% !important;
		max-width: 45% !important;
	
		max-height: 215px;
		height: 215px;

		margin-right: 5px;
	}

	
.tile-img-size
	{
		height: 100%;
	}


	.text-pad {
	margin-left: 5px;
}
}


@media screen and (max-width: 420px)
{

	.my-multi_section_tile-text
	{
		text-align: center !important;
		font-size: 9.5pt;
		
		margin-top: 8% !important;
		/*margin-top: 15px !important;*/
	}

	.my-multi_section_tile-number
	{
		margin-top: 6.5% !important;
		font-size: 8.75pt;
	}

	.my-multi_section_tile-img
	{
		height: 41% !important;
		max-height: 41% !important;
		margin-top: 7.5% !important;
		/*margin-top: 15px !important;*/
	}

	ul.tiles .tile
	{
		flex-basis: 45% !important;
		max-width: 45% !important;
	
	max-height: 200px;
		height: 200px;
		margin-right: 5px;
	}

	
	.tile-img-size
	{
		height: 100%;
	}

	
}

@media screen and (max-width: 380px)
{

	.my-multi_section_tile-text
	{
		text-align: center !important;
		font-size: 9.5pt;

		margin-top: 7.5% !important;
		/*margin-top: 15px !important;*/
	}

	.my-multi_section_tile-number
	{
		margin-top: 6.5% !important;
		font-size: 8.75pt;
	}

	.my-multi_section_tile-img
	{
		height: 42% !important;
		max-height: 42% !important;
		margin-top: 7.5% !important;
		/*margin-top: 15px !important;*/
	}

	ul.tiles .tile
	{
		flex-basis: 45% !important;
		max-width: 45% !important;
		
		max-height: 210px;
		height: 210px;

		margin-right: 2px;
	}

	
.tile-img-size
	{
		height: 100%;
	}

	

}


.errors-tile
{
    color: #ff0000 !important;
}

.success-tile {
	color: #008000 !important;
}

.inform-tile {
	color: #6633cc !important;
}



ul.tiles .completioncheckbox.completion-auto .completion-icon
{
	margin-top: 2px;
}

.course-content ul.tiles .completion-icon
{
	width: 25px;
	height: 25px;
	opacity: 0.7;
	background-image: url([[pix:format_tiles|completion-n-white]]);
	font-size: 1.3em;
	display: block;
	background-size: contain;
}

ul.tiles .completion-icon.completion-icon-y
{
	background-image: url([[pix:format_tiles|completion-y-white]]);
}

ul.tiles .completion-icon.completion-icon-fail
{
	background-image: url([[pix:format_tiles|completion-fail-white]]);
}

.navbar-collapse.collapse.in {
    max-height: 100%;
}

.map-types
{
	width: 210px;
}

.maps-123
{
	height: 88px;
}

.eLearn-general
{
}

.eLearn-sponsor
{
	max-width: 300px;
}


.kid-acp
{
	width: 100%;
}

.kid-acp-div
{
	display: inline-block;
	margin-top: 25px;
	margin-bottom: 20px;
	width: 150px;
}


.img-div-view
{
	display: block;
}

.img-col-view
	{
		display: none;
		
	}

.img-div-view-img
{
	width: 70%;
	max-width: 70%;
}

.about-page-image
{
	max-width: 350px;
}

.faq-page-headers
{
	width: 70%;
	font-size: 16pt;
}

.faq-page-image
{
	max-width: 105px;
}

.faq-page-image-div
{
	margin-top: 5px;
	margin-right: 30px;
	display: inline-block;
}

.login-page-image
{
	max-width: 150px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.faqDisplay
{
	margin-top: 35px;
}

@media screen and (max-width: 1200px)
{
	.maps-123
	{
		height: 80px;
	}

}

@media screen and (max-width: 1000px)
{
	.maps-123
	{
		height: 80px;
	}

	.div-hide-1000
	{
		display: none;
	}

	
}


@media screen and (max-width: 1199px)
{
	.img-div-view-img
{
	width: 100%;
	max-width: 100%;
}

}

@media screen and (max-width: 991px)
{
	
	.img-div-view
	{
		display: none;
	}

	.img-col-view
	{
		display: block;
		width: 100%;
		max-width: 100%;
	}
}


@media screen and (max-width: 640px)
{
	.maps-123
	{
		height: 70px;
	}

	
}


.displayContent
{
	font-size: 14pt;
}


@media screen and (max-width: 992px)
{
	.partner-image
	{
		width: 100px;
	}

	.partner-image-21
	{
		width: 200px;
	}

	.about-page-image
	{
		width: 300px;
	}
	
	.displayContent .font-36
	{
		font-size: 32pt;
	}

	.displayContent .font-32
	{
		font-size: 28pt;
	}

	.displayContent .font-30
	{
		font-size: 26pt;
	}

	.displayContent .font-28
	{
		font-size: 24pt;
	}

	.displayContent .font-24
	{
		font-size: 22pt;
	}

	.displayContent .font-22
	{
		font-size: 20pt;
	}

	.displayContent .font-20
	{
		font-size: 18pt;
	}

	.displayContent .font-18
	{
		font-size: 16pt;
	}

	.displayContent .font-16,
	.faq-page-headers
	{
		font-size: 14pt;
	}

	.displayContent .font-14, .displayContent
	{
		font-size: 12pt;
	}

	.displayContent .font-11
	{
		font-size: 10pt;
	}

	.faq-page-image
	{
		width: 90px;
	}

	.login-page-image
	{
		max-width: 140px;
	}

	.faqDisplay
	{
		margin-top: 35px;
	}
}


@media screen and (max-width: 768px)
{
	.partner-image
	{
		width: 90px;
	}

	.partner-image-21
	{
		width: 170px;
	}

	.about-page-image
	{
		width: 250px;
	}

	.displayContent .font-36
	{
		font-size: 28pt;
	}

	.displayContent .font-32
	{
		font-size: 24pt;
	}

	.displayContent .font-30
	{
		font-size: 23pt;
	}

	.displayContent .font-28
	{
		font-size: 22pt;
	}

	.displayContent .font-24
	{
		font-size: 20pt;
	}

	.displayContent .font-22
	{
		font-size: 18pt;
	}

	.displayContent .font-20
	{
		font-size: 16pt;
	}

	.displayContent .font-18
	{
		font-size: 14pt;
	}

	.displayContent .font-16,
	.faq-page-headers
	{
		font-size: 12pt;
	}

	.displayContent .font-14, .displayContent
	{
		font-size: 11pt;
	}

	.displayContent .font-11
	{
		font-size: 9pt;
	}

	.login-page-image
	{
		max-width: 130px;	
	}

	.faqDisplay
	{
		margin-top: 30px;
	}
}

@media screen and (max-width: 576px)
{
	.partner-image
	{
		width: 70px;
	}

	.partner-image-21
	{
		width: 150px;
	}

	.about-page-image
	{
		width: 200px;
	}

	.displayContent .font-36
	{
		font-size: 24pt;
	}

	.displayContent .font-32
	{
		font-size: 22pt;
	}

	.displayContent .font-30
	{
		font-size: 21pt;
	}
	
	.displayContent .font-28
	{
		font-size: 20pt;
	}

	.displayContent .font-24
	{
		font-size: 18pt;
	}

	.displayContent .font-22
	{
		font-size: 16pt;
	}

	.displayContent .font-20
	{
		font-size: 14pt;
	}

	.displayContent .font-18
	{
		font-size: 12pt;
	}

	.displayContent .font-16,
	.faq-page-headers
	{
		font-size: 12pt;
	}

	.displayContent .font-14, .displayContent
	{
		font-size: 11pt;
	}

	.displayContent .font-11
	{
		font-size: 8pt;
	}

	.faq-page-image
	{
		width: 80px;
	}

	.login-page-image
	{
		max-width: 120px;
		margin-top: 7px;
		margin-bottom: 7px;
	}

	.faqDisplay
	{
		margin-top: 20px;
	}

}

@media screen and (max-width: 530px)
{
	.faq-page-headers
	{
		width: 90%;
		font-size: 13pt;
	}

	.faq-page-image-div
	{
		margin-top: 0px;
		margin-bottom: 30px;
		display: block;

	}

}

.MBox
{
	width: 100%;

	
	margin-left: 7%;
	margin-right: 7%;

}


/****************GRID SYSTEM**************/


	.L-FLEX
	{
		text-align: inherit;
	}

	.L-FIXED
	{
		text-align: left;
	}
	
	.R-FLEX
	{
		text-align: inherit;
	}

	.R-FIXED
	{
		text-align: right;
	}

	.C-FLEX
	{
		text-align: inherit;
	}

	.C-FIXED
	{
		text-align: center;
	}

	
	.HR-FLEX
	{
		width: 100%;
		border: none;
		border-top: 1px #CCCCCC solid;
		height: 1px;
	}


	.GRID
	{
		position: relative;
		min-height: 1px;
		width: 100%;
		
	}

.H-FLEX
{
	height: 40px;
}

.W-FLEX
{
	width: 100%;
}


.P-TB-FLEX
{
}

.M-FLEX
{
	
}

.M-FLEX.PARENT-DETAIL-HR
{
	margin: 35px 0 40px 0; 
}

.M-FLEX.PARENT-DETAIL-TOP-HR
{
	margin: 25px 0 0 0; 
}

.M-FLEX.PARENT-DETAIL-CAL
{
	margin: 20px 2% 0 2%;
}


@media (max-width: 768px)
{
	.M-FLEX.PARENT-DETAIL
	{
		margin: 20px 0;
	}

	.M-FLEX.PARENT-DETAIL-VIEW
	{
		margin: 0 0 10px 0;
	}

	.PARENT-DETAIL-INVOICE
	{
		display: block;
	}

}

@media (min-width: 768px)
{
	.PARENT-DETAIL-INVOICE
	{
		display: none;
	}

	.P-TB-FLEX.PARENT-DETAIL
	{
		padding: 25px 0;
	}

	.L-FLEX
	{
		text-align: left;
	}
	
	.R-FLEX
	{
		text-align: right;
	}

	.C-FLEX
	{
		text-align: center;
	}

	.GRID
	{
		position: inherit;
		min-height: 1px;
		float: left;
	}

	.GRID.of12-1
	{
		width: 8.3333%;
		padding-left: 1%;
		padding-right: 1%;
	}


	.GRID.of12-2
	{
		width: 16.6667%;
		padding-left: 1%;
		padding-right: 1%;
	}


	.GRID.of12-3
	{
		width: 25%;
		padding-left: 1%;
		padding-right: 1%;
	}


	.GRID.of12-4
	{
		width: 33.3333%;
		padding-left: 2%;
		padding-right: 2%;
	}


	.GRID.of12-5
	{
		width: 41.6667%;
		padding-left: 2%;
		padding-right: 2%;
	}


	.GRID.of12-6
	{
		width: 50%;
		padding-left: 2%;
		padding-right: 2%;
	}


	.GRID.of12-7
	{
		width: 58.3333%;
		padding-left: 3%;
		padding-right: 3%;
	}


	.GRID.of12-8
	{
		width: 66.6667%;
		padding-left: 3%;
		padding-right: 3%;
	}


	.GRID.of12-9
	{
		width: 75%;
		padding-left: 3%;
		padding-right: 3%;
	}


	.GRID.of12-10
	{
		width: 83.3333%;
		padding-left: 4%;
		padding-right: 4%;
	}


	.GRID.of12-11
	{
		width: 91.6667%;
		padding-left: 4%;
		padding-right: 4%;
	}


	.GRID.of12-12
	{
		width: 100%;
		padding-left: 4%;
		padding-right: 4%;
	}


	.GRID.of15-1
	{
		width: 6.6667%;
		padding-left: 1%;
		padding-right: 1%;
	}


	.GRID.of15-2
	{
		width: 13.3333%;
		padding-left: 1.5%;
		padding-right: 1.5%;
	}


	.GRID.of15-2-5
	{
		width: 16.6667%;
		padding-left: 1.5%;
		padding-right: 1.5%;
	}

	.GRID.of15-3
	{
		width: 20%;
		padding-left: 2%;
		padding-right: 2%;
	}


	.GRID.of15-4
	{
		width: 26.6667%;
		padding-left: 2%;
		padding-right: 2%;
	}


	.GRID.of15-5
	{
		width: 33.3333%;
		padding-left: 2%;
		padding-right: 2%;
	}


	.GRID.of15-6
	{
		width: 40%;
		padding-left: 2%;
		padding-right: 2%;
	}


	.GRID.of15-7
	{
		width: 46.6667%;
		padding-left: 3%;
		padding-right: 3%;
	}


	.GRID.of15-8
	{
		width: 53.3333%;
		padding-left: 3%;
		padding-right: 3%;
	}


	.GRID.of15-9
	{
		padding-left: 3%;
		padding-right: 3%;
	}


	.GRID.of15-10
	{
		width: 66.6667%;
		padding-left: 3%;
		padding-right: 3%;

	}


	.GRID.of15-11
	{
		width: 73.3333%;
		padding-left: 3%;
		padding-right: 3%;
	}


	.GRID.of15-12
	{
		width: 80%;
		padding-left: 4%;
		padding-right: 4%;
	}


	.GRID.of15-13
	{
		width: 86.6667%;
		padding-left: 4%;
		padding-right: 4%;
	}


	.GRID.of15-14
	{
		width: 93.3333%;
		padding-left: 4%;
		padding-right: 4%;
	}


	.GRID.of15-15
	{
		width: 100%;
		padding-left: 4%;
		padding-right: 4%;
	}
}

.pointer
{
	cursor: pointer;
}

.pSearchable
{
	cursor: pointer;
}

.page-title
{
	color: black;
	font-size: 32pt;

}

.page-title.camp
{
	color: #004400;
	font-size: 28pt;

}

.page-subtitle
{
	color: black;
	font-size: 16pt;
}

.page-subtitle.camp
{
	/*color: #004400;*/
	font-size: 16pt;
}

.campLogo
{
	width: 30%;
}

.campBreakLogo
{
	width: 42%;
}

.campAccess
{
	width: 70%;
}

.no-decoration
{
	text-decoration: none;
}

.btn-submit
{
	height: 60px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14pt;
	color: #000099;
	border-color: #000099;

}


.btn-cancel
{
	
	color: #000000 !important;
	border-color: #FF7F50;

}

.mini-btn
{
	background-color: white;
	outline: none;
	border-color: white;
}

.mini-btn:hover
{
	background-color: #ffff99;
	border-color: #ffff99;
}

.page-text-acp
{
	color: black;
	font-size: 14pt;
}

.page-text-acp.midnightblue
{
	color: midnightblue;
}

.page-text-acp.darkcyan
{
	color: darkcyan;
}

.page-text-detail-acp
{
	color: black;
	font-size: 12pt;
}

.page-text-detail-acp.dark-green
{
	color: darkgreen;
}

.page-text-detail-acp.gray333
{
	color: #000000;
}

.page-text-detail-acp.error {
	color: #cc0000;
}

.page-text-mini-acp
{
	color: black;
	font-size: 11pt;
}

.modal-header-text-acp
{
	color: white;
	font-size: 16pt;
	margin-left: 5px;
	padding-top: 3px;
	display: inline-block;
}

.acp-logo
{
	width: 180px;
}

.account-logo-21
{
	margin-left: 2%;
}

@media (max-width: 992px)
{
	.campLogo
	{
		width: 40%;
	}

	.campBreakLogo
	{
		width: 60%;
	}

	.campAccess
	{
		width:80%;
	}

}


@media (max-width: 768px)
{
	.campLogo
	{
		width: 40%;
	}

	.campBreakLogo
	{
		width: 60%;
	}

	.campAccess
	{
		width: 80%;
	}

	.page-title
	{
		font-size: 24pt;
	}

	.page-title.camp
	{
		font-size: 22pt;
	}

	.page-subtitle
	{
		font-size: 15pt;
	}

	.btn-submit
	{
		font-size: 13.5pt;
	}

	.page-text-acp
	{
		font-size: 13.5pt;
	}

	.page-text-detail-acp
	{
		font-size: 11.5pt;
	}

	.page-text-mini-acp
	{
		color: black;
		font-size: 10.5pt;
	}

	.modal-header-text-acp
	{
		font-size: 16pt;
	}

	.acp-logo
	{
		width: 160px;
	}

	.account-logo-21
	{
		margin-left: 3%;
	}

	.modal-dialog.acpb
	{
		width: 93%;
	}
}


@media (max-width: 680px)
{
	.campLogo
	{
		width: 50%;
	}

	.campBreakLogo
	{
		width: 70%;
	}

	.campAccess
	{
		width: 80%;
	}

}

@media (max-width: 480px)
{
	.campLogo
	{
		width: 60%;
	}

	.campBreakLogo
	{
		width: 80%;
	}

	.campAccess
	{
		width: 80%;
	}
	
	.page-title
	{
		font-size: 22pt;
	}

	.page-title.camp
	{
		font-size: 20pt;
	}
	
	.page-subtitle
	{
		font-size: 14pt;
	}

	.btn-submit
	{
		font-size: 13pt;
	}

	.page-text-acp
	{
		font-size: 13pt;
	}

	.page-text-detail-acp
	{
		font-size: 11pt;
	}

	.page-text-mini-acp
	{
		color: black;
		font-size:10pt;
	}
	
	.modal-header-text-acp
	{
		font-size: 14pt;
		padding-top: 5px;
	}

	.acp-logo
	{
		width: 140px;
	}

	.modal-dialog.acpb
	{
		width: 90%;
	}
}

.cal-top
{
	margin-top: 10px;
	text-align: center;
}

.cal-panel
{
	width: 100px;

	background-color: #FFFF99;
	border: 2px solid #000000;
	display: inline-block;
}

.planner-calendar-nav
{
	font-size: 18pt;
}

.planner-calendar
{
	width: 90%;
}

.planner-calendar-header
{
	height: 35px;
	border-bottom: 2px solid black;
	text-align: center;
	font-size: 11pt;
	margin-top: 10px;

	background-color: #FFFF99;

	
	
}

.planner-calendar-day
{
	text-align: left;
	
	max-height: 90px;
	height: 90px;
	
	border-bottom: 2px solid black;
	font-size: 11pt;
	margin-top: 5px;

	background-color: #FFFF99;
}


.planner-calendar-current-dates
{
	font-size: 10pt;
	font-weight: bold;
	padding-left: 10px;
}

.planner-calendar-dates
{
	font-size: 10pt;
	font-style: italic;
	padding-left: 10px;
}

.planner-calendar-notices
{
	text-align: center !important;
	font-weight: bold;
	
	margin: 0 auto;
}


.planner-calendar-notices.multi
{
	font-size: 9pt;
}


.planCalHdr
{
	display: block;
}

.planCalHdrMini
{
	display: none;
}

.text-italic
{
	font-style: italic;
}

.siteCopyright
{
	font-size: 10pt;
}
	

@media (max-width: 1024px)
{
	.cal-panel
	{
		width: 85px;
		background-color: #FFFF99;
		border: 2px solid #000000;
		display: inline-block;
	}

	.planner-calendar
	{
		width: 95%;
	}

	

	.planner-calendar-header
	{
		height: 35px;
		border-bottom: 2px solid black;
		text-align: center;
		font-size: 10pt;
		margin-top: 10px;
		background-color: #FFFF99;
	}

	.planner-calendar-day
	{
		text-align: left;
		max-height: 75px;
		height: 75px;
		border-bottom: 2px solid black;
		font-size: 10pt;
		margin-top: 5px;
		background-color: #FFFF99;
	}

	.planner-calendar-notices.multi
	{
		font-size: 9pt;
	}

.planner-calendar-current-dates
{
	font-size: 9.5pt;
	font-weight: bold;
	padding-left: 10px;
}

.planner-calendar-dates
	{
		font-size: 9.5pt;
		font-style: italic;
		padding-left: 10px;
	}

	
}


@media (max-width: 768px)
{
	.cal-panel
	{
		width: 75px;
		background-color: #FFFF99;
		border: 2px solid #000000;
		display: inline-block;
	}

	.planner-calendar-nav
	{
		font-size: 16pt;
	}

	.planner-calendar-header
	{
		height: 30px;
		border-bottom: 2px solid black;
		text-align: center;
		font-size: 9.25pt;
		margin-top: 10px;
		background-color: #FFFF99;
	}

	.planner-calendar-day
	{
		text-align: left;
		max-height: 60px;
		height: 60px;
		border-bottom: 2px solid black;
		font-size: 9.25pt;
		margin-top: 5px;
		background-color: #FFFF99;
	}

	.planner-calendar-notices.multi
	{
		font-size: 8.5pt;
	}

.planner-calendar-current-dates
{
	font-size: 9.25pt;
	font-weight: bold;
	padding-left: 8px;
}

.planner-calendar-dates
	{
		font-size: 9.25pt;
		font-style: italic;
		padding-left: 8px;
	}

	.siteCopyright
	{
		font-size: 9pt;
	}
}

@media (max-width: 680px)
{
	.cal-panel
	{
		width: 65px;
		background-color: #FFFF99;
		border: 2px solid #000000;
		display: inline-block;
	}

	

	.planner-calendar-header
	{
		height: 25px;
		border-bottom: 2px solid black;
		text-align: center;
		font-size: 8.5pt;
		margin-top: 7px;
		background-color: #FFFF99;
	}

	.planner-calendar-day
	{
		text-align: left;
		max-height: 55px;
		height: 55px;
		border-bottom: 2px solid black;
		font-size: 8.5pt;
		margin-top: 5px;
		background-color: #FFFF99;
	}

	.planner-calendar-notices.multi
	{
		font-size: 8pt;
	}

.planner-calendar-current-dates
{
	font-size: 8.5pt;
	font-weight: bold;
	padding-left: 6px;
}

.planner-calendar-dates
	{
		font-size: 8.5pt;
		font-style: italic;
		padding-left: 6px;
	}

	
	
.planCalHdr
{
	display: none;
}

.planCalHdrMini
{
	display: block;
}


}


@media (max-width: 600px)
{
	.cal-panel
	{
		width: 60px;
		background-color: #FFFF99;
		border: 2px solid #000000;
		display: inline-block;
	}


	.planner-calendar-header
	{
		height: 25px;
		border-bottom: 2px solid black;
		text-align: center;
		font-size: 8.5pt;
		margin-top: 7px;
		background-color: #FFFF99;
	}

	.planner-calendar-day
	{
		text-align: left;
		max-height: 50px;
		height: 50px;
		border-bottom: 2px solid black;
		font-size: 8.5pt;
		margin-top: 5px;
		background-color: #FFFF99;
	}

	.planner-calendar-notices.multi
	{
		font-size: 8pt;
	}

.planner-calendar-current-dates
{
	font-size: 8.5pt;
	font-weight: bold;
	padding-left: 6px;
}

.planner-calendar-dates
	{
		font-size: 8.5pt;
		font-style: italic;
		padding-left: 6px;
	}


	
.planCalHdr
{
	display: none;
}

.planCalHdrMini
{
	display: block;
}


}


@media (max-width: 530px)
{
	.cal-panel
	{
		width: 53px;
		background-color: #FFFF99;
		border: 2px solid #000000;
		display: inline-block;
	}


	.planner-calendar-header
	{
		height: 25px;
		border-bottom: 2px solid black;
		text-align: center;
		font-size: 8.25pt;
		margin-top: 7px;
		background-color: #FFFF99;
	}

	.planner-calendar-day
	{
		text-align: left;
		max-height: 45px;
		height: 45px;
		border-bottom: 2px solid black;
		font-size: 8pt;
		margin-top: 5px;
		background-color: #FFFF99;
	}

	.planner-calendar-notices.multi
	{
		font-size: 8pt;
	}

.planner-calendar-current-dates
{
	font-size: 7.5pt;
	font-weight: bold;
	padding-left: 4px;
}

.planner-calendar-dates
	{
		font-size: 7.5pt;
		font-style: italic;
		padding-left: 4px;
	}

	
.planCalHdr
{
	display: none;
}

.planCalHdrMini
{
	display: block;
}


}



@media (max-width: 480px)
{
	.cal-panel
	{
		width: 41px;
		background-color: #FFFF99;
		border: 1px solid #000000;
		display: inline-block;
	}

	.planner-calendar-nav
	{
		font-size: 14pt;
	}

	.planner-calendar-header
	{
		height: 25px;
		border-bottom: 2px solid black;
		text-align: center;
		font-size: 8.25pt;
		margin-top: 7px;
		background-color: #FFFF99;
	}

	.planner-calendar-day
	{
		text-align: left;
		max-height: 40px;
		height: 40px;
		border-bottom: 1px solid black;
		font-size: 7.5pt;
		margin-top: 5px;
		background-color: #FFFF99;
		text-wrap: normal;
	}

	.planner-calendar-notices.multi
	{
		font-size: 7.5pt;
	}

.planner-calendar-current-dates
{
	font-size: 7.25pt;
	font-weight: bold;
	padding-left: 4px;
}

.planner-calendar-dates
	{
		font-size: 7.25pt;
		font-style: italic;
		padding-left: 4px;
	}
	
.planCalHdr
{
	display: none;
}

.planCalHdrMini
{
	display: block;
}

	.siteCopyright
	{
		font-size: 8.5pt;
	}
}



.dropButton
{
	margin-top: 7px;
	
	border-width: 0px;
	margin-bottom: 0px;

	min-height: 44px;

	width: 70%;

	border-radius: 0;

	 padding-left: 20px;
    padding-right: 20px;
	
	overflow-y:  hidden;
	overflow-x: hidden;
	overflow-wrap: break-word;

	text-align: left;

}


.dropList
{
	font-size: 13pt;
	padding-top: 5px;
	

}

.dropButtonMedium
{
	margin-top: 10px;
	
	border-width: 0px;
	margin-bottom: 0px;

	min-height: 44px;

	width: 80%;

	border-radius: 0;

	 padding-left: 20px;
    padding-right: 20px;
	
	overflow-y:  hidden;
	overflow-x: hidden;
	overflow-wrap: break-word;

	text-align: left;

}

.dropdown-toggle.dropButtonMedium
{
	font-size: 13.5pt;
}

.dropButtonNarrow
{
	margin-top: 7px;

	border-width: 0px;
	margin-bottom: 0px;

	min-height: 44px;

	width: 70%;

	border-radius: 0;

	 padding-left: 20px;
    padding-right: 20px;
	
	overflow-y:  hidden;
	overflow-x: hidden;
	overflow-wrap: break-word;

	text-align: left;

}

.caret
{
	border-top: 4px solid #000000;
}


.dropButton .caret.caretRegular
{
	padding-left: 3px;
	margin-left: 8px;
	
	float: right;
}


.dropButtonMedium .caret.caretMedium {
  padding-left: 3px;
	margin-left: 8px;

	float: right;

}

.dropButtonNarrow .caret.caretNarrow {
  padding-left: 3px;
	margin-left: 8px;

	float: right;

}


.dropListMedium
{
	font-size: 12pt;
	padding-top: 3px;


}


.dropListNarrow
{
	font-size: 13pt;
	padding-top: 5px;


}


.dropdown-menu.dropList .divider,
.dropdown-menu.dropListNarrow .divider, 
.dropdown-menu.dropListMedium .divider
{
	margin-top: 5px;
	margin-bottom: 5px;

	min-height: 0px;
	min-width: 80px;

}

.dropdown-menu.dropList,
.dropdown-menu.dropListNarrow,
.dropdown-menu.dropListMedium
{
	min-width: 80px;
}

.dropListItem
{
	display: block;
    padding-left: 20px;
    padding-right: 20px;
  
    color: #000066;

	cursor: pointer;

	overflow-y:  hidden;
	overflow-x: hidden;
	overflow-wrap: break-word;
}

.dropList > li, 
.dropListNarrow > li
{
   min-height: 38px;
   padding-bottom: 0px;

}

.dropListMedium > li
{
   /*min-height: 34px;*/
   padding-bottom: 1px;
   margin-top: 6px;

}

.dropList li  div, 
.dropListNarrow li  div
{
   min-height: 36px;
  
   padding-top: 8px;
   padding-bottom: 7px;
}

.dropListMedium li  div
{
   min-height: 26px;
   vertical-align: middle;
   margin-top: 3px;
   padding-top: 2px;
  /*
   padding-top: 4px;
   padding-bottom: 5px;*/
}

.dropList  li  div:hover, 
.dropListNarrow  li  div:hover,
.dropListMedium  li  div:hover
{
   background-color: #ffff99;
}

.centerDropdown {
  margin: auto;
}

.text-top
{
	margin-top: 18px;
	vertical-align: top;
}

.div-to-top
{
	margin-left: 5%;
	margin-right: 5%;

	text-align: right;
	float: right;

	font-weight: normal;
	color: #000066;
	text-decoration: underline;

	cursor: pointer;

	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
}

.div-to-top:hover
{
	color: #ff0;
	text-decoration: none;
}


.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}



.p-bar
{
	
	margin-top: 18px;
	margin-right: 15px;
	
	width: 380px;
	height: 22px;
	vertical-align:  top;

	border: 0;
	color: #000099;
	background-color: #dddddd;

	display: inline-block;
}

.p-bar[value]::-webkit-progress-bar,
#progress-bar[value]::-webkit-progress-bar  {
  
	background-color: #dddddd !important;
  
}

.p-bar[value]::-webkit-progress-value,
#progress-bar[value]::-webkit-progress-value {
  
	background-color: #000099 !important;
  
}


#progress-bar[value="100"]::-webkit-progress-value
{
  background-color: green !important;
}
 
/* Firefox */
.p-bar[value]::-moz-progress-bar,
#progress-bar[value]::-moz-progress-bar {
  background-color: #000099;
}


#progress-bar[value="100"]::-moz-progress-bar
{
  background-color: green !important;
}
 
/* IE */

#progress-bar[value="100"]
{
  color: green !important;
}


.btn-secondary
{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000066;
	background-color: #eeffff;
	border-width: 2px;
	border-color: #ccc;
	outline: none;
	-moz-outline-radius: 0;
}

.btn-secondary:hover,
.btn-secondary:active:hover
{
	color: #000066;
	background-color: #ffff99;
	border-color: #adadad;

	 outline: none;
    -moz-outline-radius: 0;
}




.sortableBox
{
	margin-bottom: 20px;
}

.ui-state-default.my { margin: 3px 3px 3px 0; padding-top: 6px; float: left; width: 90px; height: 50px; font-size: 9pt; text-align: center; }
.ui-state-default.none { margin: 3px 3px 3px 0; padding-top: 13px; float: left; width: 90px; height: 50px; font-size: 9pt; text-align: center; }
  


.btn-up
{
	display: inline-block;
	border: 1px solid #000000;
	padding: 0;
	background-color: #99cc99;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	cursor: pointer;
}

.btn-up.student
{
	background-color: #89cff0;
}

.btn-up:hover, .btn-down:hover
{
	background-color: #ffff99 !important;
}

.btn-up-down-div
{
	display: inline-block;
	width: 10%;
	vertical-align: middle;
	opacity: .8;
}

.btn-up-down
{
	display: inline-block;
	width: 35px;
	margin-left: 12px;
	margin-right: 18px;
}

.btn-down
{
	display: inline-block;
	border: 1px solid #000000;
	padding: 0;
	background-color: #99cc99;

	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;

	cursor: pointer;
}

.btn-down.student
{
	background-color: #89cff0;
}

.menuABC a
{
    color:Green !important;
	margin-right: 10px;
	margin-bottom: 7px;
}

.menuABC a.static.popout,
.menuABC a.dynamic.popout
{
   padding-right: 18px !important;
}

.menuABC a.static.highlighted
{
    color:Red !important;
}

.menuABC a.dynamic.highlighted
{
    color:Red !important;
}

.menuABC a.static.selected
{
    color:Blue !important;
}

.actTypes, .participantTypes, .participants, .participantsCount, .verbs, .targets, .targetRules, .targetStudents, .targetStaff, .targetVendorStaff, .targetClassrooms,
.activities, .locations, .activitiesActivities, .activitiesElectives, .activitiesTransitions, .antecedents, .locationsClassrooms
{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url('/images/caret-555.svg');
	background-repeat: no-repeat, repeat;
	/* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
	background-position: right .7em top 50%, 0 0;
	/* icon size, then gradient */
	background-size: .55em auto, 100%;
	min-height: 50px;
	height: auto;
	


}

.highlightABC
{
	color: red;

}

.actTypes, .participants, .targetRules, .targetStudents, .targetStaff, .targetVendorStaff, .targetClassrooms, 
.activitiesActivities, .activitiesElectives, .activitiesTransitions, .antecedents
{
 white-space: pre-wrap;
    /* For Firefox: */
    text-overflow: ellipsis;
	padding-right: 35px;

	padding-top: 10px;
	padding-bottom: 10px;
}

.abcDuration
{
	background: #eeffff;

	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	
	white-space: pre-wrap;
    /* For Firefox: */
    text-overflow: ellipsis;

	padding-left: 0px;
	padding-right: 0px;

	margin-top: 3px;
	margin-bottom: 2px;

	text-align: center;
	width: 200px;
	max-width: 200px;

	height: 40px;
}

.abcDuration
{
}

.abcBox, .abcBoxNarrative
{
	background: #eeffff;

	
}

.abcBox:focus,
.abcBoxNarrative:focus,
.abcDuration:focus
{
	background: #eeffff;

}

.abcDrop, .abcDropNarrative
{
	background: #eeffff;

	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url('/images/caret-555.svg');
	background-repeat: no-repeat, repeat;
	/* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
	background-position: right .7em top 50%, 0 0;
	/* icon size, then gradient */
	background-size: .55em auto, 100%;
	min-height: 50px;
	height: auto;

	white-space: pre-wrap;
    /* For Firefox: */
    text-overflow: ellipsis;
	padding-right: 35px;

	padding-top: 10px;
	padding-bottom: 10px;

}

.abcDrop:focus, .abcDropNarrative:focus
{
	background: #eeffff;

}

.abcParticipant
{
	color: darkred;
}

.abcBox.abcParticipant, .abcBoxNarrative.abcParticipant
{
	background: #ffeeee;
}

.abcDrop.abcParticipant, .abcDropNarrative.abcParticipant
{
	background: #ffeeee;

	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url('/images/caret-555.svg');
	background-repeat: no-repeat, repeat;
	/* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
	background-position: right .7em top 50%, 0 0;
	/* icon size, then gradient */
	background-size: .55em auto, 100%;
	min-height: 50px;
	height: auto;

	white-space: pre-wrap;
    /* For Firefox: */
    text-overflow: ellipsis;
	padding-right: 35px;

	padding-top: 10px;
	padding-bottom: 10px;

}

.abcTarget
{
	color: darkgreen;
}

.abcBox.abcTarget,
.abcBoxNarrative.abcTarget
{
	background: #eeffee;
}

.abcDrop.abcTarget,
.abcDropNarrative.abcTarget
{
	background: #eeffee;

	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url('/images/caret-555.svg');
	background-repeat: no-repeat, repeat;
	/* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
	background-position: right .7em top 50%, 0 0;
	/* icon size, then gradient */
	background-size: .55em auto, 100%;
	min-height: 50px;
	height: auto;

	white-space: pre-wrap;
    /* For Firefox: */
    text-overflow: ellipsis;
	padding-right: 35px;

	padding-top: 10px;
	padding-bottom: 10px;

}


.abcLocal
{
	color: rebeccapurple;
}

.abcBox.abcLocal
{
	background: #ffeeff;
}

.abcDrop.abcLocal
{
	background: #ffeeff;

	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url('/images/caret-555.svg');
	background-repeat: no-repeat, repeat;
	/* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
	background-position: right .7em top 50%, 0 0;
	/* icon size, then gradient */
	background-size: .55em auto, 100%;
	min-height: 50px;
	height: auto;

	white-space: pre-wrap;
    /* For Firefox: */
    text-overflow: ellipsis;
	padding-right: 35px;

	padding-top: 10px;
	padding-bottom: 10px;
}


.abcConsequence
{
	color: #000000;
}

.abcBox.abcConsequence
{
	background: #eeeeee;
}

.abcDrop.abcConsequence
{
	background: #eeeeee;

	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url('/images/caret-555.svg');
	background-repeat: no-repeat, repeat;
	/* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
	background-position: right .7em top 50%, 0 0;
	/* icon size, then gradient */
	background-size: .55em auto, 100%;
	min-height: 50px;
	height: auto;

	white-space: pre-wrap;
    /* For Firefox: */
    text-overflow: ellipsis;
	padding-right: 35px;

	padding-top: 10px;
	padding-bottom: 10px;
}


.captchaRefresh
{
	height: 18px;
	width: 18px;

	margin-top: 8px;

}