@font-face {
    font-family: 'quicksandbook';
    src: url('quicksand_light-webfont.eot');
    src: url('quicksand_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('quicksand_light-webfont.woff2') format('woff2'),
         url('quicksand_light-webfont.woff') format('woff'),
         url('quicksand_light-webfont.ttf') format('truetype'),
         url('quicksand_light-webfont.svg#quicksandbook') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'quicksandbook_oblique';
    src: url('quicksand_book_oblique-webfont.eot');
    src: url('quicksand_book_oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('quicksand_book_oblique-webfont.woff2') format('woff2'),
         url('quicksand_book_oblique-webfont.woff') format('woff'),
         url('quicksand_book_oblique-webfont.ttf') format('truetype'),
         url('quicksand_book_oblique-webfont.svg#quicksandbook_oblique') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'quicksandbook';
    src: url('quicksand_book-webfont.eot');
    src: url('quicksand_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('quicksand_book-webfont.woff2') format('woff2'),
         url('quicksand_book-webfont.woff') format('woff'),
         url('quicksand_book-webfont.ttf') format('truetype'),
         url('quicksand_book-webfont.svg#quicksandbook') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'quicksandbook_oblique';
    src: url('quicksand_light_oblique-webfont.eot');
    src: url('quicksand_light_oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('quicksand_light_oblique-webfont.woff2') format('woff2'),
         url('quicksand_light_oblique-webfont.woff') format('woff'),
         url('quicksand_light_oblique-webfont.ttf') format('truetype'),
         url('quicksand_light_oblique-webfont.svg#quicksandbook_oblique') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'quicksandbold';
    src: url('quicksand_bold-webfont.eot');
    src: url('quicksand_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('quicksand_bold-webfont.woff2') format('woff2'),
         url('quicksand_bold-webfont.woff') format('woff'),
         url('quicksand_bold-webfont.ttf') format('truetype'),
         url('quicksand_bold-webfont.svg#quicksandbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'quicksandbold_oblique';
    src: url('quicksand_bold_oblique-webfont.eot');
    src: url('quicksand_bold_oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('quicksand_bold_oblique-webfont.woff2') format('woff2'),
         url('quicksand_bold_oblique-webfont.woff') format('woff'),
         url('quicksand_bold_oblique-webfont.ttf') format('truetype'),
         url('quicksand_bold_oblique-webfont.svg#quicksandbold_oblique') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{
font-family:'quicksandbook', sans-serif;
}
h1,h2,h3,h4{
font-family:'quicksandbold', sans-serif;
}
h1{
font-size:32px;
}
h2{
font-size:24px;
}
#wrap{
position:absolute;
top:0px;
left:0px;
width:101%;
height:100%;
}
#app-container{
position:relative;
width:335px; /* SET FOOTER WIDTH TO MATCH!!! */
margin:0 auto !important;
height:420px;
}
.row{
position:relative;
margin:0 auto !important;
width:100%;
min-height:50px;
}
#header{
width:100%;
height:75px;
background-color:#414042;
margin-bottom:10px;
}
#header-wrap{
margin:0 auto !important;
width:335px;
}
#brand-badge{
position:relative;
top:0px;
left:0px;
display:block;
width:250px;
height:55px;
}
#logo{
position:relative;
width:55px;
height:55px;
top:10px;
left:15px;
background-size:contain;
background-position:center, center;
background-repeat:no-repeat;
}
.tree-logo{
background-image:url(../images/treelogo_circle.png);
-moz-transform: rotate(0.001deg);
}
#logo-text{
position:relative;
left:70px;
top:-40px;
width:220px;
height:55px;
display:block;
}
#logo-text h1{
font-family:'quicksandbook', sans-serif;
font-weight:light;
font-size:16px;
display:block;
line-height:26px;
vertical-align:middle;
color:white;
margin:0 !important;
}
#logo-text h2{
font-family:'quicksandbook', sans-serif;
font-weight:light;
font-size:14px;
line-height:10px;
vertical-align:middle;
color:white;
display:block;
margin:0 !important;
margin-top:5px !important;
}
#mobile-menu-button{
position:relative;
width:50px;
height:50px;
line-height:50px;
top:-50px;
float:right;
margin-right:0px;
color:white;
vertical-align:middle;
white-space:no-wrap;
}
.fe-green:hover{
cursor:pointer;
color:#9FD9D9;
}
#salutation{
position:relative;
display:block;
text-align:right;
color:#414042;
font-family:'quicksandbook', sans-serif;
font-size:12px;
height:20px;
width:50%;
left:50%;
margin:0px !important;
margin-bottom:2px !important;
padding:0px !important;
}
#article{
position:relative;
margin:0 auto !important;
width:300px;
height:100%;
padding-top:10px;
}
.content-area{
position:relative;
width:100%;
height:0px;
margin-bottom:6px;
}
.inner-content-area{
position:relative;
width:100%;
height:0px;
left:0px;
margin-bottom:6px;
}
.inner-inner-content-area{
position:relative;
width:100%;
height:0px;
left:0px;
margin-bottom:6px;
}
.inner-content-area-shift-right{
position:relative;
left:40px !important;
margin-bottom:20px;
}
.upper-content-area{
position:relative;
width:100%;
height:0px;
margin-bottom:0px;
top:45px;
}
.lower-content-area{
position:relative;
width:100%;
height:0px;
margin-bottom:6px;
top:60px;
}
#back-button{
position:relative;
top:0px;
float:left;
height:40px;
width:145px;
margin-right:5px;
background-color:#414042;
}
.appSignoutBtn:hover{
color:red !important;
cursor:pointer;
}
.appSignoutBtn{
color:black !important;
}
.handy{
cursor:pointer;
}
#uploadForm{
display:none;
}
#notifications-button{
position:relative;
top:0px;
float:left;
height:40px;
width:145px;
margin-right:5px;
background-color:#9FD9D9;
}
.a-top-button{
position:relative;
top:0px;
float:left;
height:40px;
width:145px;
margin-right:5px;
background-color:#9FD9D9;
}
#notification-flag{
position:relative;
top:-75px;
left:10px;
color:red;
}
#note-list-list{
list-style-type:none;
padding:0px;
margin:0px;
}
#note-list-list li{
position:relative;
display:block;
left:0px !important;
}
.notification-content-area{
position:relative;
width:100%;
height:0px;
}
.message-content-area{
position:relative;
width:100%;
height:0px;
}
#messages-button{
position:relative;
top:0px;
float:left;
height:40px;
width:145px;
margin-left:5px;
background-color:#9FD9D9;
}
#home-button{
position:relative;
top:0px;
float:left;
height:40px;
width:145px;
margin-left:5px;
background-color:#414042;
}
#message-flag{
position:relative;
top:-75px;
left:10px;
color:red;
}
.messages-menu-accordion{
margin:0px !important;
}
#x2-buttons-container{
position:relative;
height:1px;
z-index:550 !important;
}
.x2-buttons-container{
height:50px;
z-index:500;
}
.x2-button{
color:#414042;
font-size:16px;
font-family:'quicksandbook', sans-serif;
z-index:500;
cursor:pointer;
}
.x2-button-dark{
color:white;
}
.x2-button-image{
position:relative;
display:block;
top:5px;
left:5px;
}
.x2-button-text{
position:relative;
display:block;
left:40px;
top:-30px;
height:40px;
line-height:40px;
vertical-align:middle;
text-align:center;
width:100px;
z-index:500;
font-family:'quicksandbook', sans-serif;
}
.x3-button{
color:#414042;
font-size:16px;
font-family:'quicksandbook', sans-serif;
cursor:pointer;
}
.x3-button-image{
position:relative;
display:block;
top:5px;
left:5px;
}
.x3-button-text{
position:relative;
display:block;
left:40px;
top:-32px;
height:40px;
line-height:40px;
vertical-align:middle;
text-align:center;
width:30px;
}
.x3-button-row{
position:relative;
top:18px;
}
#x5-buttons-container{
position:relative;
height:1px;
z-index:550 !important;
}
.x5-buttons-container{
height:50px;
z-index:500;
}
.x5-button{
color:#414042;
font-size:16px;
font-family:'quicksandbook', sans-serif;
z-index:500;
cursor:pointer;
}
#x5-notifications-button{
position:relative;
top:0px;
float:left;
height:40px;
width:19%;
margin-right:1%;
background-color:#9FD9D9;
}
#x5-messages-button{
position:relative;
top:0px;
float:left;
height:40px;
width:19%;
margin-left:0px !important;
background-color:#9FD9D9;
}
#x5-news-button{
position:relative;
top:0px;
float:left;
height:40px;
width:19%;
margin-right:1%;
background-color:#9FD9D9;
}
#x5-docs-button{
position:relative;
top:0px;
float:left;
height:40px;
width:20%;
margin-right:1%;
background-color:#9FD9D9;
}
#x5-help-button{
position:relative;
top:0px;
float:left;
height:40px;
width:19%;
margin-right:1% !important;
background-color:#9FD9D9;
}
.x5-button-dark{
color:white;
}
.x5-button-image{
position:relative;
display:block;
top:5px;
left:5px;
}
.x2-button-text{
position:relative;
display:block;
left:40px;
top:-30px;
height:40px;
line-height:40px;
vertical-align:middle;
text-align:center;
width:100px;
z-index:500;
font-family:'quicksandbook', sans-serif;
transition:all 0.4s ease;
}
/*
REMOVE THIS
*/
#docs-button{
position:relative;
top:0px;
float:left;
height:40px;
width:96px;
margin:0px;
background-color:#BCBEC0;
}
#help-button{
position:relative;
top:0px;
float:left;
height:40px;
width:95px;
margin-left:7px;
background-color:#BCBEC0;
}
#news-button{
position:relative;
top:0px;
float:left;
height:40px;
width:95px;
margin-right:7px;
background-color:#BCBEC0;
/*
to this
*/
}
*/
.news-content-area{
position:relative;
width:100%;
height:0px;
}
#latest-news-loaded{
position:relative;
width:100%;
height:0px;
}
.docs-content-area{
position:relative;
width:100%;
height:0px;
}
.help-content-area{
position:relative;
width:100%;
height:0px;
}
.help-content-area h2, .news-content-area h2, .docs-content-area h2{

}
.x5-mid-btn{
background-color:#BCBEC0 !important;
}
#main-accordion{
position:relative;
list-style-type:none;
width:100%;
display:block;
left:-40px;
top:27px;
margin-top:20px;
z-index:600;
}
#main-accordion li{
position:relative;
display:block;
width:100%;
height:35px;
background-color:#A1C97C;
margin-bottom:6px;
z-index:999;
}
li.admin-settings-accordion-button{
background-color:#bcbec0 !important;
height:50px !important;
line-height:50px;
vertical-align:middle;
}
.admin-account-image-wrap{
position:relative;
height:50px;
width:100%;
display:block;
}
#admin-cogs{
position:relative;
top:4px;
float:left;
margin-left:5px;
height:50px;
display:block;
margin-right:10px;
}
#accordion-text-div{
position:relative;
top:8px;
float:left;
display:block;
height:50px;
width:205px;
}
.admin-account-interactive-element{
position:relative;
float:right;
top:-25px !important;
display:block;
}
#main-accordion.lowered{
top:127px;
}
.inner-accordion{
position:relative;
list-style-type:none;
width:100%;
display:block;
padding-left:0px !important;
}
.inner-accordion li{
position:relative;
display:block;
width:100%;
height:35px;
left:0px;
background-color:#CEE0B8 !important;
margin-bottom:6px;
z-index:500;
}
.h-top{
position:relative;
display:block;
top:10px;
z-index:-1;
}
.sm-top{
position:relative;
display:block;
top:-15px;
z-index:-1;
}
.at-top{
position:relative;
display:block;
top:-20px;
z-index:-1;
}
.ml-top{
position:relative;
display:block;
top:-40px;
z-index:-10;
}
.nl-top{
position:relative;
display:block;
top:-40px;
z-index:-10;
}
ov-top{
position:relative;
display:block;
top:-40px;
z-index:1000;
}
.notification-accordion{
position:relative;
left:0 !important;
}
.accordion-text{
position:relative;
display:block;
line-height:35px;
height:35px;
left:5px;
vertical-align:middle;
font-family:'quicksandbook', sans-serif;
font-size:16px;
}
.notification-accordion-text{
font-size:13px;
}
.accordion-interaction-elements{
position:relative;
top:-25px;
float:right;
margin-right:5px;
}
.inner-accordion-interaction-elements{
top:0px;
}
#top-accordion-element{
z-index:-500;
}
#top-accordion-element  .inner-accordion-interaction-elements{

}
.aie-extra{
margin-right:7px;
}
.interaction-element{
color:#414042;
}
.rotate-one-half{
/* Safari */
-webkit-transform: rotate(45deg);
/* Firefox */
-moz-transform: rotate(45deg);
/* IE */
-ms-transform: rotate(45deg);
/* Opera */
-o-transform: rotate(45deg);
}
#footer{
position:relative;
background-color:#414042;
width:100%;
margin:0px auto !important;
display:block;
height:45px;
}
#footer p{
position:relative;
top:3px;
font-size:10px;
color:white;
font-family:'quicksandbook', sans-serif;
line-height:12px;
text-align:center;
margin:0;
display:block;
}
#footer-logo{
position:relative;
display:none;
background-image:url(../images/fe_footer_logo.png);
background-size:contain;
background-position:center center;
background-repeat:no-repeat;
width:25px;
height:25px;
margin:0 auto !important;
opacity:0.4;
top:10px;
}
p.footer-text{
position:relative;
width:335px;
display:block;
top:10px !important;
margin:0 auto !important;
padding-left:0px;
padding-right:0px;
background:none;
}
#one_div{
position:relative;
width:100%;
margin-bottom:150px;
}
.backend-head{
z-index:500;
}
.inner_wrap{
position:relative;
left:40px;
}
textarea{
position:relative;
display:block;
width:100%;
height:175px;
font-family:'quicksandbook', sans-serif;
}
.largeLabel, label{
font-family:'quicksandbold', sans-serif !important;
padding-top:3px;
}
select {
width:100%;
  -webkit-border-radius: 0px;
margin:0px;
display:block;
position:relative;
margin-top:5px !important;
margin-bottom:5px !important;
}
.largeTextBox, .submitto, .student-submitto, .saver{
position:relative !important;
display:block;
left:0px !important;
top:0px !important;
/* margin:0px auto !important; */
padding:0px !important;
width:100% !important;
height:50px !important;
padding-left:5px !important;
}
.submitto{
background-color:#414042 !important;
color:white !important;
width:100% !important;
font-family:'quicksandbook', sans-serif;
margin-top:5px !important;
margin-bottom:5px !important;
padding:5px !important;
margin:5px auto !important;
}
.largeTextBox{
/*width:275px !important;*/
width:100% !important;
font-family:'quicksandbook', sans-serif;
margin:5px auto !important;
padding:5px !important;
}
input[type=text], input[type=email]{
position:relative !important;
display:block !important;
width:98% !important;
height:35px !important;
font-family:'quicksandbook', sans-serif !important;
font-size:16px !important;
padding:1% !important;
border:1px solid black;
background-color:#f1f5f0 !important;
}
input[type=password]{
position:relative !important;
display:block !important;
width:98% !important;
height:35px !important;
font-family:'quicksandbook', sans-serif !important;
font-size:16px !important;
padding:1% !important;
background-color:#f1f5f0 !important;
border:1px solid black;
}
.behave-like-text{
position:relative !important;
display:block !important;
/* width:265px !important; */
width:100% !important;
height:50px !important;
font-family:'quicksandbook', sans-serif !important;
font-size:18px !important;
margin:5px auto !important;
text-align:center;
line-height:50px !important;
vertical-align:middle !important;
padding:0px !important;
border:1px solid black;
}
.behave-like-button{
position:relative !important;
width:265px !important;
height:50px !important;
font-family:'quicksandbook', sans-serif !important;
font-size:18px !important;
margin:5px auto !important;
text-align:center;
line-height:50px !important;
vertical-align:middle !important;
}
.deny-button{
position:relative !important;
display:block !important;
width:290px !important;
height:50px !important;
font-size:16px !important;
background-color:#414042 !important;
color:white !important;
top:-25px !important;
left:10px !important;
line-height:20px;
padding-top:10px;
}
#preceptor_records_menubutton_container, #preceptor_student_forms_menubutton_container{
left:0px !important;
}
/*
SLIDESHOW
*/
.slideshow-row{
position:relative;
}
.slideshow-container{
margin:0px auto !important;
width:100%
height:420px;
border:1px solid black;
padding:0px;
overflow:hidden;
position:relative;
top:0px;
}
.slider-row{
position:relative;
height:625px;
width:100%;
margin:0 !important;
top:0px;
}
.slider{
height:625px !important;
margin:0 !important;
}
.slide-text{
position:relative;
top:504px;
height:75px;
width:100%;
color:white;
text-shadow:2px 2px 2px black;
padding-left:20px;
padding-right:20px;
z-index:200;
}
.slide-text-mask{
width:100%;
height:75px;
background:none;
position:relative;
float:right;
top:440px;
opacity:0.95;
cursor:pointer;
}
.slides{
top:10px;
padding:0px;
margin:0 !important;
height:625px !important;
}
.slide-class{
position:relative;
left:0;
height:650px;
margin:0 !important;
background-repeat:no-repeat;background-position:center;background-size:cover;
}
.slide{
width:100%;
height:625px;
margin:0 !important;
}
.slideshow{
position:relative;
width:100%;
height:625px;
}
/*
END SLIDESHOW
*/
.delete-block{
font-size:12px;color:red !important;left:10px;top:10px;position:relative;display:block;
}
#name-list{
padding:0px !important;
}
#name-list li{
padding-left:1%;
}
#name-list li, #name-list li a{
background-color:#ebedef !important;
position:relative;
left:0px;
line-height:35px;
vertical-align:middle;
width:99%;
z-index:998;
}
#inner-name-list{
position:relative;
z-index:999;
padding:0px !important;
}
#inner-name-list li{
padding-left:1%;
}
#inner-name-list li, #inner-name-list li a{
background-color:#ebedef !important;
position:relative;
left:0px;
line-height:35px;
vertical-align:middle;
width:99%;
z-index:999;
}
.inner-main-accordion{
width:99%;
position:relative;
top:-10px !important;
z-index:999;
}
.in-li{
padding-left:1% !important;
line-height:35px;
vertical-align:middle;
}
.override-99{
width:99% !important;
}
/*
GLOBAL CONTROLS, TRY TO KEEP THIS AT THE BOTTOM OF THE FILE
*/
.hidden{
display:none !important;
}
.unhidden{
display:block !important;
}
.unselectable, #main-accordion{
/*
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
*/
cursor:pointer;
/* cursor:default; */
}
#all-content{
transition:all 0.4s ease;
}
.fe-green{
color:#CEE0B8;
}
#summary-list{
position:relative;
left:40px;
}
.fe-clear{
position:relative;
height:35px;
width:100%;
display:block;
}
.fe-clear-short{
position:relative;
height:10px;
width:100%;
display:block;
}
.odd{
background-color:none;
}
.even{
background-color:#ededee;
}
.evenform{
background-color:#ededee;
}
.oddform{
background-color:none;
}
.checkbox-block{
position:relative;
width:100%;
height:60px;
background-color:#f2f2f2;
border:none;
}
.checkbox-block-text{
font-family:'quicksandbook', sans-serif;
font-size:16px;
display:block;
border:none;
z-index:1000;
height:100%;
padding:10px;
}
.checkbox-block-box{
position:relative;
width:50px;
height:50px;
top:0px;
border:1px solid gray;
float:right;
}
.checkbox-overlay{
position:relative;
width:45px;
height:45px;
top:-20px;
float:right;
z-index:1001;
background-color:#f2f2f2;
}
.list-spacing{
margin-bottom:5px;
}
.one-line-button-nudge{
position:relative;
display:block;
line-height:42px;
vertical-align:middle;
}
p{
position:relative;
width:100%;
}
standard-wrap{
position:relative;
width:100%;
}
.negative-connotation{
color:red;
}
/* AIE SPECIAL */
.aie-special-1{
position:relative;
display:block;
top:0px;
left:20px;
padding:0px !important;
margin:0 !important;
}
.aie-special-2{
position:relative;
display:block;
top:0px;
left:-5px;
padding:0px !important;
margin:0 !important;
}
.hidden-message-1{
display:none;
}
ul{
z-index:999;
}
li{
z-index:999;
}
.sub-inner-accordion li{
background-color:#9FD9D9 !important;
margin:0px !important;
margin-bottom:0px !important;
margin-top:0px !important;
z-index:-1;
}
.aie-nudge-up{
position:relative;
display:block;
top:-28px;
}
#footer{
display:none;
}
.light-green-override{
background-color:#CEE0B8 !important;
}
.not-saved-alert{
font-family:'quicksandbook';
font-size:20px;
color:red !important;
}
.accordion-open{
background-color:#729843 !important;
transition:ease 0.4s all;
}
.load-wrap{
position:relative;
display:block;
height:35px;
vertical-align:middle;
width:100%;
text-align:center;
top:10px;
}
.fa-leaf{
position:relative;
display:block;
}
.scroll-text{
font-size:14px !important;
}
.clear-line{
clear:both !important;
}
#x5-buttons-container{
float:left !important;
width:100%;
}
#pagination_wrap{
position:relative;
display:block;
height:50px !important;
clear:both;
}
.nextlink{
color:#323232 !important;
font-size:28px !important;
width:48% !important;
margin-right:1%;
float:left;
top:0px;
background-color:#729843 !important;
}
.prevlink{
color:#323232 !important;
font-size:28px !important;
width:48% !important;
margin-left:1%;
float:left;
top:0px;
background-color:#9FD9D9 !important;
}
.open-form-entry{
background-color:transparent;
cursor:pointer;
}
.open-form-entry:hover{
background-color:#ccc;
}