/* Color usage:
	orange: c67b49;
	blue text: 41779C;
	nav background (light blue): E8EDF2;
*/

.heading {
	font-size : 16px;
	font-weight : bold;
	color : #CCCCCC;
}

.smallheading {
	font-size : 14px;
	font-weight : bold;
	color : #CCCCCC;
}

.header {
	font-size : 12px;
	font-weight : bold;
	color : Black;
}
.header.heading-1 {
	font-size : 110%;
	font-weight : normal;
}

.headerselected {
	font-size : 14px;
	font-weight : bold;
	color : Black;
}

.printableheader {
	font-size : 16px;
	font-weight : bold;
	color : Black;
}

.printableenvelope {
	font-size : 12px;
	color : Black;
}

.printablepackage {
	font-size : 20px;
	color : Black;
}

.smalleval {
	font-size : 12px;
	color : White;
}

.small {
	font-size : 11px;
	color : White;
}
.class-bold {
	font-weight: bold;
}

.smallblk {
	font-size : 11px;
	color : Black;
}

.smallred {
	font-size : 11px;
	color : Red;
}

.smallgrey {
	font-size : 11px;
	color : #CCCCCC;
}

.tiny {
	font-size : 10px;
	color : White;
}

.error {
	font-size : 11px;
	font-weight : bold;
	color : Red;
}
.center {
 	margin-left:auto;
	margin-right:auto;
	display: block;
}
.right {
	float: right;
}
.title1 {
	color: #41779C;
	font-weight:  bold;
}
.debug {
	margin-top: 15px;
	margin-bottom: 15px;
}
.media-w-700 {
	width: 700px;
}
.media-w-760 {
	width: 760px;
}
.media-w-600 {
	width: 600px;
}
.media-w-600-a {
	width: 600px !important;
}
.media-w-640 {
	width: 640px;
}
.media-w-642{
	width: 642px;
}

#infoContainer {
	border: 2px solid #d0d0d0;
 	margin: 30px 0px 0px 0px;
 	padding:10px 20px 20px 20px;
	background-color: #fbf9f7;
	min-height: 200px;
	overflow: auto;
	border-radius: 8px;
	box-shadow: 3px 2px 3px #d0d0d0;	
}
#errorContainer, #warningContainer {
	border: 2px solid #fb6e6e;
 	margin: 15px 15px 0px 25px;
 	padding: 15px 20px 15px 40px;
	background-color: #fffbfc;
	overflow: auto;
	font-size: 110%;
	border-radius: 8px;
	box-shadow: 3px 2px 3px #d0d0d0;
}
#errorContainer .title, #warningContainer .title {
	font-weight: bold;
	margin-bottom: 10px;
	color: red;
}
#errorContainer .errors, #warningContainer .warnings {
	margin-left: 20px;
}
#errorContainer .footer, #warningContainer .footer {
	margin-top: 20px;
}
#messageContainer {
	border: 2px solid #808080;
 	margin: 20px 15px 0px 25px;
 	padding: 15px 15px 5px 15px;
	background-color: #fbf9f7;
	overflow: auto;
	font-size: 110%;
	border-radius: 8px;
	box-shadow: 3px 2px 3px #d0d0d0;
}
#messageContainer .close, #errorContainer .close, #warningContainer .close {
	float: right;
	font-size: 80%;
}
#messageContainer .messages {
	color: #606060;
	margin-left: 20px;
}
#messageContainer .message-fill {
	opacity: 0.8;
}
.grid {
    margin-bottom: 20px;
}
.gridTitle {
   font-size: 85%;
    color: #606060;
    margin-top: -15px;
    margin-bottom: 30px;
}
.gridOptionBox {
    margin-bottom: 20px;
}
.gridOptionBox .right {
    float: right;
    color: #606060;
}
.statusMessage {
	color: #c67b49;
	margin-top: 20px;
}
.formTitle {
	font-size: 90%;
	float: right;
	margin-top: -12px;
	margin-bottom: 30px;
}
.footnote {
	clear: both;
	font-size: 85%;
	font-style: italic;
	color: #c67b49;
	padding-top: 20px;
	width: 100%;
  	border-bottom-style: solid;
	border-bottom-width: 2px;
	margin-bottom: 20px;
}
.twoColLeft {
	float: left;
}
.twoColRight {
}
.footnote .left {
	width: 80%;
	padding-top: 8px;
}
.footnote .right {
	float: right;
	width: 170px;
	text-align: right;
	padding-top: 8px;
}
.item-container {
	margin-bottom: 20px;
	border: 1px solid #d0d0d0;
	padding: 20px 20px 20px 40px;
	background-color: #fbf9f7;
	overflow: auto;
	border-radius: 8px;
}
ul.simplelist {
	list-style-type: square;
	margin-top: 10px;
}
ul.simplelist.noicon {
	list-style-type: none;
}
ul.simplelist li {
	margin-top: 5px;
	margin-left: 50px;
	margin-bottom: 5px;
}
ul.simplelist.mod1 {
	margin-top: 5px;
}
ul.simplelist.mod1 li {
	margin-left: 30px;
	margin-bottom: 0px;
}
ul.simplelist.mod2 {
	margin-bottom: 30px;
}
li .item-300 {
	margin-left: 300px;
}
.ul-footnote {
	color: #606060;
	font-size: 80%;
	margin-top:  5px;
}
.formIntro {
	font-size: 90%;
	margin-top: -11px;
	width: 80%;
	margin-bottom: 10px;
}
.title {
	font-size: 110%;
}

.outer1 {
	overflow: hidden;
	clear: both;
	margin: 0px auto 0px auto;
}
.outer1 .inner1 {
	margin: 20px auto 30px auto;
 	padding:  0px 10px 0px 10px;
}
.outer1 .title {
	padding: 3px 0px 3px 15px;
	font-size: 12px;
	color: #ffffff;
	background: #7ba6bb;
  	font-weight: bolder;
}
.outer1 .inner1 .item1 {
	display: inline-block;
}
.outer1 .inner1 input {
 	display: block; /* Causes breaks after elements */
 	clear: left;
 	margin-right: 20px;
}
input.size-small {
	font-size:90%;
}

.inline {
	display: inline !important;
}
.outer1 .inner1 input.address {
 	margin-right: 2px;
 	margin-left: 7px;
}
.outer1 .inner1 select {
	color: #35556B;
 	width: 100px;
 	margin-right: 20px;
 	display: block;
}
.outer1 .inner1 input[type="checkbox"] {
 	display: inline;
 	float: none;
 	margin-right: 5px;
}
.outer1 .inner1 input[type="radio"] {
	float: none;
	margin-right: 5px;
	width: auto;
	vertical-align: top;
}
.outer1 .inner1 input:focus,
	.outer1 .inner1 select:focus,
	.outer1 .inner1 textarea:focus {
  border: 2px solid #93A9C1;
  background-color: #fffbd6;
}
.outer1 .inner1 label .setLeft, .outer1 .inner3 {
	float: left;
	color: #41779C;
	padding-bottom: 15px;
	font-weight: normal;
	page-break-after: always;
}
.outer1 .inner1 label {
	float: left;
	display:block;
	color: #41779C;
	padding-bottom: 20px;
	page-break-after: always;
	font-size: 95%;
}
.outer1 .inner1 .label-text {
	float: left;
	color: #41779C;
	font-weight: bold;
	padding-bottom: 1px;
	font-size: 95%;
}
label.spacer1 {
	padding-bottom: 10px !important;
}
label.breakoverride  {
	float: none !important;
}
label.dimmed {
	color: #707070 !important;
}
label.space1 {
	padding-bottom: 5px !important;
}

/*Need to combine margin1, check other forms for use, use margin2 for now*/
label.margin1 {
	margin-left: 45px !important;
}
.margin1 { 
	float: left;
	margin-left: 30px;
}
label.margin2 {
	margin-left: 45px;
}
label.left {
	float: left;
}

label.clear {
	clear: both;
}
label.short {
	padding-bottom: 6px !important;
}
.afterlabel-right-addl {
	float: left;
	margin-top: 5px;
}
.label-title {
	float: left;
	padding-top: 15px;
	padding-right: 9px;
	font-weight: bold;
	color: #41779c;
}

/* Replacement for label if no form element */
.outer1 .inner1 .formColumn {
	float: left;
	color: #606060;
	font-size: 11px;
	font-weight: normal;
	page-break-after: always;
	margin-left: 20px;
}

.outer1 .inner1 .inputformBold {
font-size: 14px;

}
.outer1 .inner1 fieldset {
	font-size: 11px;
	color: #606060;
	padding-top:15px;
  	border-radius: 5px;
}
.outer1 .inner1 fieldset.multiple {
	margin-bottom: 20px;
}
.outer1 .inner1 fieldset.left1 {
	float: left;
	margin-bottom: 20px;
	padding-right:  0px;
}
.outer1 .inner1 fieldset.right {
	max-width:  420px;
	float: right;
}

.outer1 .inner2 {
	margin: 10px 20px 0px 20px;
	font-size: 90%;
}
.outer1.dim {
	border: 1px solid #909090;
	background-color: #ffffff;
}
.outer1.dim .title {
  	color: #ffffff;
	background: #909090;
}
.outer1 .inner2 .detailGridContainer {
	border: 1px solid #c0c0c0;
	padding: 10px;
	background-color: #e5e5e5;
	margin: 5px 0px 20px 30px;
	box-shadow: 3px 2px 3px #e0e0e0;
	border-radius: 8px;
}
.outer1 .inner2 .dismiss {
	float: right;
	color: #606060;
	font-size: 70%;
	padding: 1px 4px;
	border: 1px solid #a0a0a0;
	box-shadow: 2px 2px 2px #a0a0a0;
	cursor: pointer;
  margin: 12px;
}
.outer1 .inner1 .formInnerLink {
	margin-left: 20px;
}
/* jQuery Autocomplete */
/* adds the ui-autocomplete-loading class to the textbox when it is _busy_ */
.ui-autocomplete-loading {
	background-image: url(/admin/images/jQuery/ui-anim_basic_16x16.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
/*.ui-autocomplete {
	max-height: 600px;
	overflow-y: auto;
	overflow-x: hidden;
	width: 370px;
	box-shadow: 3px 3px 3px #a0a0a0;
	padding: 1px 0px 0px 2px;
	margin: 0px;
	line-height: 1.4;
  	background-color: #eaeaea;
  	font-size: 100%;
}*/
/*Google Calendar */
ul.generallist, ol.generallist {
	margin-top: 10px;
	color: #606060;
}

ul.generallist {
	list-style-type: square;
}
ul.generallist.errors li {
	color: #d60000;
}

ul.generallist li, ol.generallist li {
	margin-left: 50px;
	margin-bottom: 10px;
}
ul.generallist.dark, ol.generallist.dark {
	color: #000000;
}
ol.generallist.spacing-1 {
	margin-bottom:  30px;
	margin-top:  20px;
}
ol.generallist.spacing-1 li {
	margin-bottom:  20px
}
ol.generallist2 {
	margin-left: 50px;
	margin-top:  20px;
}

 	/* IE 6 doesn't support max-height
	  we use height instead, but this forces the menu to always be this tall */
* html .ui-autocomplete {
	height: 100px;
}
.inputAutocomplete, .inputGeneral {
   	width: 590px;
 }
 .inputGeneral {
 	font-size: 110%;
 }
.submitButton {
 	font-size: 120%;	
}
.ui-widget input[type="submit"] {
	color: #c36323;
	border: 1px solid #c36323;
}
.ui-widget-content td {
	font-size: 10px;
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
}
.ui-widget-content tr {
	font-size: 11px;
}
.ui-dialog .remove-all, .ui-dialog .add-all {
    background-color: #808080;
 }
 #groupEntries {
	color: #41779C;
	font-size: 100%;
}
.margin1 { 
	float: left;
	margin-left: 30px;
}
.font1 {
	font-size: 120% !important;
	color: #c67b49;
}
.font2 {
	font-size: 85%;
}
.jQbutton.spacer {
	margin-bottom: 25px;
}

/* jQgrids */
.grid-upper-container {
	margin-top:  10px;
	margin-bottom: 10px;
}
.wordwrapCell {
	white-space: normal !important;
}
.pageclick {
  border: 1px solid #cb842e;
  font-size: 85% !important;
  font-family: Verdana, Arial, sans-serif !important;
  box-shadow: 2px 1px 2px #b7d2da;
  height: 20px;
  cursor:pointer;
  border-radius: 4px;
  background-color: #e5e5e5;
}
.pageclick:hover {
  border: 1px solid #cb842e;
  font-size: 85%;
  box-shadow: 0px 0px 0px #b7d2da;
  height: 20px;
  cursor:pointer;
  border-radius: 4px;
  background-color: #e5e5e5;
}
.pageClickdiv {
	margin-left: 0px;
}
#ui-datepicker-div {  
	font-size:11px; 
}
.ui-datepicker { 
	z-index: 2000 
}
.HiliteRowClass-yellow {
 	background-color: #F9F9C5;
 	background-image: none;
}
.HiliteRowClass-red {
 	background-color: #F7A4A4;
 	background-image: none;
}
/* set the size of the autocomplete search control*/
.ui-menu-item {
	font-size: 11px;
}
.ui-autocomplete {
	z-index: 2000;
	font-size: 11px;
}  
.addl-space {
	margin-top: 6px !important;
}
.debug {
	color: #4177b2;
	margin-top: 10px;
}
.debug-var {
	margin-left: 30px;
}
.legend-copy {
	padding-bottom: 10px;
}

/*jqGrid */

.grid-select-group {
	background-color: #f2ece0;
	border: 1px solid #a0a0a0;
	border-radius: 6px;
	padding: 1px 1px 5px 5px;
	margin: 2px 10px 0px 20px;
	float: right;
}
.grid-select-group [type="checkbox"]
{
	vertical-align: text-bottom;
	margin: 0px 15px 1px 3px;
}	

#gridResponse {
	margin: -20px 0px 0px 20px;
 	color: #808080;
  	font-weight: normal;
	height: 50px;
}
#gridResponse.bold {
	font-weight: bold;
	color: #5086BE;
}
#gridResponse.message {
	font-weight: bold;
	color: #d19245;
}
#gridResponse .status, #gridResponse .error {
	font-weight: bold;
	color: #d19245;
	background-color: #f0f0f0;
	border: 2px solid #a0a0a0;
	box-shadow: 3px 3px 3px #a0a0a0;
	padding:10px 40px 10px 35px;
  	width: 830px;
}
#gridResponse .status-icon {
	font-size:  130%;
}
#gridResponse .error {
	color: #CC0707;
	background-image: url(images/WarningGraphicSm.gif); 
	background-position: 10px 8px;
	border-color: #CC0707;
}
#gridResponse.loading {
	background-image: url(images/spinner.gif); 
	background-position: 0px 3px;
	background-repeat: no-repeat; 
	padding-left: 25px;
	color: #c67b49;
	font-weight: bold;
}
#gridResponse.statusBold {
	color: #c67b49;
	font-weight: bold;
}	

/* Keap order forms, etc. */
 
#form1 {
	padding-bottom: 20px;
}

#form1 .heading-top {
	color: #707070;
	font-family: 'Open Sans', sans-serif;
	font-size: 170%;
	opacity: 0.8;	
	margin-bottom: 5px;
}
#form1 .heading-top-2 {
	color: #707070;
	font-size: 170%;
	font-family: 'Open Sans', sans-serif;
	opacity: 0.8;	
}
#form1 .heading-top-margin {
	margin-bottom: 5px;
}
#form1 .sm-margin {
	margin: 0px 0px 5px 20px;
}
#form1 .student-box {
	padding: 20px;
}
/*#form1 .box-80percent {
	width: 80%;
}*/
#form1 fieldset {
	border-width: 3px;
  	max-width: 920px;
  	padding-bottom: 15px;
  	margin-bottom: 15px;
  	padding-top: 15px;
  	border-radius: 5px;
}
#form1 fieldset.left {
	float: left;
	width: 45%;
}
#form1 fieldset.right {
	float: right;
	max-width: 45%;
}
#form1 .checkmark {
	color: #41779C;
	font-weight: bold;
	font-size: 200%;
	position: relative;
	bottom: 8px;
	left: 5px;
	min-width: 25px;
}
#form1 .font-light1 {
	color: #808080;
	font-size: 80%;
}
#form1 .main-title {
	font-size: 110%;
}
#form1 .font-small-1 {
	font-size: 80%;
}
#form1 .heading1 {
	color: #41779C;
	font-weight: bold;
	min-width: 50px;
}
#form1 .heading1.error {
	color: red;
	font-size: 110%;
}
#form1 .heading1.font-large {
	font-size: 120%;
}
#form1 .heading1.light-grey {
	color: #a0a0a0;
}
#form1 .heading1.dark-grey {
	color: #606060;
}
#form1 .heading2 {
	color: #41779C;
	min-width: 50px;
}
#form1 .bold {
	font-weight: bold;
}
#form1 .spacer-1 {
	margin-bottom: 10px;
}
#form1 .left {
	float: left;
}
#form1 .box1 {
	width: 60%;
	border: 1px solid #41779C;
	padding: 10px;
	margin-bottom: 10px;
}
#form1 .width-3-col {
	width:30%;
	margin-right: 5px;
}
#form1 .width-3-col-b {
	width: 400px;
	margin-right: 5px;
}
#form1 .width-3-col.last {
	margin-right: 30px;
}
#form1 .width-2-col {
	margin-left: 20px;
	margin-right: 30px;
}
#form1 .width-2-col-b {
	margin-right: 30px;
}
#form1 .width-percent-1 {
	width: 77%;
}
#form1 .multi-col-1 {
	font-size: 90%;
	width: 120px;
	margin-right: 10px;
	float: left;
}
#form1 .multi-col-1.mod-1 {
	width: 70px;
}
#form1 .multi-col-1.mod-2 {
	width: 250px;
}
#form1 .multi-col-1.mod-3 {
	width: 300px;
}
#form1 .indent-1 {
	margin-left: 50px;
}
#form1 .indent-1a {
	margin-left: 68px;
}
#form1 .indent-1.width-1 {
	width: 300px;
}
#form1 .indent-1.width-2 {
	width: 250px;
}
#form1 .indent-1.width-3 {
	width: 150px;
}
#form1 .indent-2 {
	margin-left:20px;
}
#form1 .indent-2a {
	margin-left:10px;
}
#form1 .indent-3 {
	margin-left:40px;
}
#form1 .indent-4 {
	margin-left:80px;
}
#form1 .indent-5 {
	margin-left:100px;
}
#form1 .below-input-bold {
	color: #41779C;
	font-weight: bold;
	margin-left: 100px;
	margin-top: 5px;
  	height: 20px;
}
#form1 .indent-lr-1 {
	margin-left: 50px;
	margin-right: 50px;
}
#form1 .indent6 {
}
#form1 .a-change {
	font-size: 70%;
}
#form1 .accordian-box {
	margin-bottom: 20px;
	position: relative;
}
#form1 .accordian-box {
	min-height: 120px;
}
#form1 .accordian-box.height1 {
	min-height: 200px;
}
#form1 .accordian-box.height2 {
	min-height: 300px;
}
#form1 .accordian-box.height3 {
	min-height: 200px;
	padding-bottom: 40px;
}
#form1 .button-lower {
	position: absolute;
	width: 93%;
    bottom: 18px;
    right: 30px;
}
#form1 .button-lower button {
  	right: 0px;
}
#form1 .space-above-1 {
	margin-top: 50px;
}
#form1 .space-above-2 {
	margin-top: 25px;
}
#form1 .space-above-3 {
	margin-top: 10px;
}
#form1 .space-above-4 {
	margin-top: 100px;
}
#form1 .space-right-1 {
	margin-right: 5px;
}
#form1 .space-right-2 {
	margin-right: 50px;
}
#form1 .cc-line-box {
	padding-top: 30px;
}
#form1 .cc-text-input {
	font-size: 105%;
}
#form1 .button-sm {
	font-size: 85%;
}
#form1 .contact-info {
	min-height: 115px;
}
#form1 .spacer-bottom-1 {
	margin-bottom: 45px;
}
#form1 .min-height-50 {
	min-height: 50px;
}
#form1 .min-height-200 {
	min-height: 200px;
}
#form1 .min-height-215 {
	min-height: 215px;
}
#form1 .min-height-150 {
	min-height: 150px;
}
#form1 .intro {
	font-size: 120%;
}
#form1 .intro2 {
	font-size: 110%;
}
#form1 .font-bold-1 {
	font-size: 120%;
	color: #41779C;
	font-weight: bold;
}
#form1 fieldset.margin-bot-1 {
	margin-bottom: 40px;
}
#form1 .textarea-notes {
	width: 98%;
	height: 100px;
}
#form1 .abs-pos-1 {
	 position: relative;
	 left: 5px;
}
#form1 .order-autocomplete {
	margin-top: 6px;
}
#form1 .footnote-2 {
	font-size: 80%;
	color: #606060;
}
#form1 .detail-box-1 {
	border: 3px solid #41779C;
	padding: 20px;
	margin: 20px 0px 20px 0px;
	background: #0000ff0a;
}
#form1 .helper-text-font-1 {
	float: left;
	color: #41779C;
	margin-left: -10px;
	margin-top: 6px;
}


#form1 .helper-text-align {
	margin-right: -10px;
}
#form1 .continue-text {
	margin-top: 3px;
	float: left;
}
#form1 .button-next, #form1 .button-summary {
	margin-left: 10px;
}
.font-disabled {
	opacity: 0.5;
}

.ui-autocomplete-loading {
	background: url("/apps/images/ui-anim_basic_16x16.gif") right center no-repeat;
}

li.autocomplete_item {
    border-bottom: 1px solid #555;
    padding: 3px 0;
}
.autocomplete_item {
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
}
.autocomplete_item {
	font-size: 12px;
    color: #41779C;
}
.autocomplete_item .bold {
  font-weight: bold;
}

#progressbar_update {
	width: 300px;
}

.table-column {
	margin: 20px;
}
.selectmenu-overflow {
	height: 200px;
}
/* sse status for reports */
#result-status-sse {
	font-weight:  bold;	
	color: #41779C;
}
@media only screen and (max-width: 768px) {
	#form1 .intro {
		font-size: 90%;
	}
	#form1 .contact-info {
		min-height: unset;
	}
	p {
		font-size: 90%;
	}
	#form1 .main-title {
		font-size: 100%;
	}
	.ui-button, .ui-selectmenu-text, .ui-checkboxradio {
		font-size: 90%;
	}
	#form1 .width-3-col {
		width: 25%;
		margin-right: 3px;
	}	
	.helper-text {
		font-size: 80%;
	}
	br.media {
		display: inline;
		clear: both;
	}
	.media-left {
		float: left !important;
	}
	.media-margin-top {
		margin-top: 10px;
	}
	.media-margin-bottom {
		margin-bottom: 10px;
	}
	.media-block {
		margin-top: 20px;
	}
	#form1 .indent-1a, #form1 .indent-2a, #form1 .indent-4 {
		margin-left: 0px;
	}
	#questions-type {
		width: 240px !important;
	}
	#questions-goals {
		width: 500px !important;
	}
	.media-w-642, .media-w-600, .media-w-600-a, .media-w-640, .media-w-760 {
		width: 420px !important;
	}

}
@media only screen and (min-width: 768px) and (max-width: 992px)  {
	#form1 .intro {
		font-size: 100%;
	}
	#form1 .contact-info {
		min-height: unset;
	}
	p {
		font-size: 95%;
	}
	#form1 .main-title {
		font-size: 100%;
	}
	#form1 .width-3-col {
		width: 25%;
		margin-right: 3px;
	}
	br.media {
		display: inline;
		clear: both;
	}
	br.media-added-space {
		display: inline;
		clear: both;
		margin-top: 15px;		
	}
	.media-left {
		float: left !important;
	}
	.media-block {
		margin-top: 20px;
	}	
	.media-margin-top {
		margin-top: 10px;
	}
	.media-margin-bottom {
		margin-bottom: 10px;
	}
	#form1 .indent-1a, #form1 .indent-2a, #form1 .indent-4 {
		margin-left: 0px;
	}
	#questions-type {
		width: 300px !important;
	}
	#questions-goals {
		width: 600px !important;
	}
	.media-w-642, .media-w-600, .media-w-600-a, .media-w-640, .media-w-760 {
		width: 500px !important;
	}


}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
}