body { /*background:#fffcf3;*/}
.full { width:100%; }
.hide { display:none; }
.center { text-align:center; }
.v-top { vertical-align:top !important; }
.mid { padding-top:10px; }
.ip-full { width:100% !important; display:inline; }
.no-space { margin:0px !important; }
 a { text-decoration:none; color:#000; }
 a:hover { text-decoration:underline; color:#000; }

h1 { font-size:25px; }
.login-box h1 { margin-bottom:0px; }

.bold { font-weight:bold; }
.black-color { color:#000 !important; }
.pink { background:#FFF0D2; padding:0.5em; }
.a-right { text-align:right; }
#header { height:119px; border-bottom:solid 1px #ccc; background:#fffcf3; position:fixed; z-index:99999; }
.logo { margin-left:0px; margin-top:25px; }
#top { position:relative; top:119px; position:fixed; z-index:99999; background:#FFF; }

/* #top .container { padding-top:10px; } */

#body_container {  position:relative; top:185px; height:500px;}
.scroll-pane { overflow:auto; }

#login #body_container { position:relative; top:185px; margin-bottom:280px;}

/* login page */
.logo { margin-top:25px; }
.login-box { background:#fffcf3; border:solid 1px #ccc; height:398px; margin-right:0px; margin-top:60px; }
.login-box .box { margin-left:20px; margin-right:20px; }
.login-copy { margin-right:0px; margin-top:10px; }
.login-copy p { margin-bottom:0px; }

/* All page */
#top { height:64px; border-bottom:solid 1px #ccc; }
#top .box { padding:0px; }

 #body_container .box { /*padding:0;*/ padding-top:1.5em; padding-bottom:1.5em; } 
#box-content { /*margin-left:196px;*/}

.al { text-align:left;  }
.ar { text-align:right;  }

.bottom { position:absolute; bottom:-36px !important; }

/* Navaigation page */
.sidebar { position:relative; }
.list { margin-bottom:13px; position:relative; }
.list a { cursor:pointer; width:184px; }
ul.menu { padding:0px; margin:0px; margin-left:10px; display:none;}
ul.menu li { background:url(../images/menu-bg.png) no-repeat scroll left bottom transparent; list-style:none; padding:3px; height:25px; position:relative; }
ul.menu li a { display:block; position:absolute; top:7px; left:17px; text-decoration:none; color:#000;   }
ul.menu li a:hover { text-decoration:underline; }
.toggle-bt { background:url(../images/trs.png) no-repeat scroll 0 0 transparent; cursor:pointer; width:30px; height:30px; top:0px; right:10px; display:block; z-index:1; position:absolute; }

.toggle-bt a { text-indent:-9000px; display:block; width:30px; height:30px; }


form label { font-weight:normal; }
form .field { margin-bottom:1.5em; }
.login-box select { width:300px; }
form .buttons { margin:2em 0; }
.buttons-box input.text { margin-top:2px; }

.border-t { border-top:solid 1px #ccc; color:#ec2127; }
.table2 tr td { padding-top:8px; padding-bottom:8px; }


/* Bottons */
.header-box { padding:4px 0px; width:auto; display:block; margin-bottom:3px;  }
.header-box2 { padding:4px 0px 4px 5px; width:auto; display:block; margin-bottom:1px;  }
.header-bt { padding:0px; }
.h-bt { margin-top:70px; }
.buttons-box { margin-top:6px; }
input.bt { padding:5px 10px; font-weight:bold; margin:0px; cursor:pointer; }
.bt { padding:4px 0px; width:auto; display:block; text-align:center; border:solid 1px #bbb;   }
a.bt { text-decoration:none; font-weight:bold; }
a.bt:hover { color:#fff; }
.black { background:#231F20; color:#fff; }
.orange { background:#FEC325; color:#FFF; border:solid 1px #FEC325; }
.rad { background:#ec2127; color:#FFF; border:solid 1px #ec2127; }
button { padding:0; background:none; border:none; margin:0px; cursor:pointer; }

.d-menu { display: flex; flex-direction: row-reverse; line-height: 1rem; align-items: center; margin: 0; padding: 0; }
.txt-menu-1 { position:relative; top:5px; }
.txt-menu-2 { position:relative; top:1px; font-size:9px; }
.long-txt { font-size:16px; }
.l-last { margin-left:12px; }
.l-last2 { margin-left:20px; }
.clear-padding-top { padding-top:0px !important; }
.clear-padding-left { padding-left:0px !important; }
.clear-padding-right { padding-right:0px !important; }
.clear-padding-bottom { padding-bottom:0px !important; }

.clear-margin-top { margin-top:0px !important; }
.clear-margin-left { margin-left:0px !important; }
.clear-margin-right { margin-right:0px !important; }
.clear-margin-bottom { margin-bottom:0px !important; }

.mar-bt-1 { margin-bottom:0.3em; }
.space-top { padding-top:1.5em; }
.space-top2 { padding-top:0.5em; }
.space-top3 { padding-top:10px; }
.space-top4 { padding-top:16px !important;}
.space-bt-20 { padding-bottom:20px !important; }
.space-bt-1-5 { margin-bottom:1.5em; position:relative; }
.bd-1 { border-bottom:solid 2px #c7c9cb; padding-bottom:0.5em; padding-top:0.5em; margin-bottom:0.5em; }
.bd-2 { border-bottom:dotted 1px #c7c9cb; margin-bottom:0.5em; padding:0.5em 0; }
.hl-1 { background:#785200; float:right; display:block; padding:0 6px; color:#fff; margin-left:0.5em; text-align:center; }
.hl-2 { background:#ffc425; color:#fff; text-align:center; width:100%; display:block; }
.hl-3 { background:#ec2027; color:#fff; text-align:center; display:block; }

.hl-1 a,.hl-2 a,.hl-3 a { color:#fff; text-decoration:none; }
.hl-1 a:hover,.hl-2 a:hover,.hl-3 a:hover { text-decoration:underline; }

.txt-orange { color:#E2A500; }
.gray  { background:#58585B; color:#FFF; }
span.label { margin-top:0.5em; text-align:center; }
.last-item { margin-left:20px; }

.accordion { cursor:pointer; padding-left:5px; }
.pink { background:#fff0d2; }
.orange-ac { background:url(../images/arrow-1.png) no-repeat scroll center right #FEC325; cursor:default; }
.pink-ac { background:url(../images/arrow-2.png) no-repeat scroll center right #fff0d2; }

/* active menu */
body#student a#student-active,
body#staff a#staff-active,
body#student-add a#student-add-active,
body#staff-add a#staff-add-active,
body#receipt-add a#receipt-add-active,
body#upload a#upload-active,
body#upload-add a#upload-add-active,
body#upload-edit a#upload-add-active { text-decoration:underline; }

.menu-bt { min-height: 32px; margin-bottom:0px; font-weight:bold; }
.menu-bt .add { display: block;width: auto; }

/* Form */
/* .form-wraper { background:#fffcf3; border:solid 1px #ccc; margin-bottom:1.5em; padding-left:3em; padding-right:1.5em; padding-top:1.5em; padding-bottom:1.5em; min-height:150px; } */
.form-wraper { background:#fffcf3; border:solid 1px #ccc; margin-bottom:1.5em; padding-right:1.5em; padding-top:1.5em; padding-bottom:1.5em; }
.form-wraper .field .field-full  { width:643px; }
.form-wraper table { margin-bottom:2.5em; }
.thumb { background:#fffcf3; border:solid 1px #ccc; height:137px; width:138px; border-bottom:none; display:block; position:relative; overflow:hidden;  }
.thumb2 { background:#fffcf3; border:solid 1px #ccc; height:137px; width:138px; display:block; position:relative; overflow:hidden;  }
#thumb {  width:138px; height:137px;  margin:0 auto; overflow:hidden; display:block; background:url(../images/thumb-bg.png) no-repeat scroll 0 0 transparent; }
#thumb img {  max-height:100%; position:absolute; min-height:100%;  }
#application {  width:138px; height:137px;  margin:0 auto; overflow:hidden; display:block; background:url(../images/thumb-bg.png) no-repeat scroll 0 0 transparent; }
#application img {  max-height:100%; position:absolute; min-height:100%;  }
.caption { color:#000; font-size:18px;  }
.caption:hover { color:#000!important; }

#floatMenu {
	position:relative;
	top:1.5em;
	left:1.5em;
	/*margin-right:196px;*/
}

.ui-datepicker-year { top:0px!important; visibility:visible!important; }

/* Table */
#page { z-index:2; background:#fff; padding-bottom:1.5em; }
a.p {  color:#000; text-decoration:none; font-weight:bold;  }
a.p:hover { text-decoration:underline; }
.h-box { background:#FFF; z-index:1; }
table.h { position:relative; z-index:1; padding-top:1.5em; background:#fff;  }
table thead tr th { background:#fffcf3; border-top:solid 2px #ccc;border-bottom:solid 2px #ccc;  }
ul.grid li { margin-right:0px!important; padding-right:10px;  }
table.list { position:relative; }
table.list tbody tr td { border-bottom:dotted 1px #ccc;  }
table.list tbody tr:hover { background:#fffcf3;  }
table.list tbody tr td a { color:#000; text-decoration:none; }
table.list tbody tr td a:hover { text-decoration:underline; }

table.sort th { cursor:pointer; /*background:url(../images/bg.gif) no-repeat scroll center right #fffcf3;*/ outline:none; }

table.sort th span.arrow { background:url(../images/bg.gif) no-repeat scroll center right #fffcf3; outline:none; padding-right:20px; }

table.sort th.notsort span.arrow { background:#fffcf3; padding-right:0px; }
table.sort th.asc span.arrow {  background:url(../images/asc.gif) no-repeat scroll center right #fffcf3;   }
table.sort th.desc span.arrow  {  background:url(../images/desc.gif) no-repeat scroll center right #fffcf3;  }

table.list2 tr td { padding-bottom:0px; padding-top:0px; }

.history h1 { margin-bottom:0px; border:medium none; color:#000; text-align:left; font-weight:bold; padding-left:5px;  }
table.history tr th { background:#fff2d3; margin-top:0px; margin-bottom:0px; }
table.history-box thead tr th  { background:#fff2d3; }
table.history-box tbody tr td  { background:#fff2d3; border-bottom:1px solid #fff; font-weight:bold; }
table.history-box tbody tr td input { margin:0px 0; }
table.history tbody tr td { border-bottom:dotted 1px #c7c9cb; }
.history-h { overflow:auto;}
.history-b { margin-top:-15px; margin-bottom:0px; height:200px; overflow:auto; }
table.history2 {margin-top:0px; margin-bottom:0px; }
table.history2 tr td { border-bottom:dotted 1px #ccc;  }

.text-prepend-3 { left:80px !important; position:relative; }

.txt { margin-top:12px; }




.textboxlist-bits input { border:0px; padding:0px; margin:0px; }

.textboxlist { font: 11px "Lucida Grande", Verdana; cursor: text; margin:0.5em 0; background-color:#fff; }
.textboxlist-bits { zoom: 1; overflow: hidden; margin: 0; padding: 5px; border: 1px solid #999; padding-bottom: 3px; }
.textboxlist-bit { list-style-type: none; float: left; display: block; padding: 0; margin: 0 5px 3px 0; cursor: default; }
.textboxlist-bit-editable { border: 1px solid #fff; }
.textboxlist-bit-editable-input { border: 0; padding: 2px 0; padding-bottom: 0; height: 14px; font: 11px "Lucida Grande", Verdana; }
.textboxlist-bit-editable-input:focus { outline: 0; }
.textboxlist-bit-box { position: relative; line-height: 18px; padding: 0 5px; background: #fff; cursor: default; border:solid 1px #ccc; }
.textboxlist-bit-box-deletable { padding-right: 15px; }
.textboxlist-bit-box-deletebutton { position: absolute; right: 4px; top: 6px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('../images/close.gif'); }
.textboxlist-bit-box-deletebutton:hover { border: none; background-position: 7px; text-decoration: none; }
.textboxlist-bit-box-hover { background: #FEC325; border: 1px solid #ccc; }
.textboxlist-bit-box-focus { border-color: #FEC325; background: #598BEC; color: #fff; }
.textboxlist-bit-box-focus .textboxlist-bit-box-deletebutton { background-position: bottom; }

.textboxlist-bit a.link { color:#000; text-decoration:none; }
.textboxlist-bit a.link:hover { text-decoration:underline; }


.textboxlist-autocomplete { position: absolute; }
.textboxlist-autocomplete-placeholder, .textboxlist-autocomplete-results { opacity: 0.9; filter: alpha(opacity=90); background: #eee; -webkit-box-shadow: 0 3px 3px #ccc; -moz-box-shadow: 0 3px 3px #ccc; box-shadow: 0 3px 3px #ccc; border: 1px solid #999; border-top: none; display: none; }
.textboxlist-autocomplete-placeholder { padding: 5px 7px; }
.textboxlist-autocomplete-results { margin: 0; padding: 0; }
.textboxlist-autocomplete-result { margin: 0; padding: 5px; list-style-type: none; background: #eee; }
.textboxlist-autocomplete-result-focus { background: #C6D9E4; }
.textboxlist-autocomplete-highlight { background: #EEF0C4; font-weight: bold; }

/*  TextboxList.Autocomplete Style guidelines
			Try to keep .textboxlist-autocomplete {} as it is now
			If you apply custom styles to placeholder, also apply them to results, like it is now.
			.textboxlist-autocomplete-result {} needs a background for IE.
*/

.msg { font-size:13px; color:#ED1C24; }
.fileupload-box { position:relative; }
.selectfiles{ top:8px; right:0px; border:medium none; background:url(../images/select-file.png) no-repeat center center #58585B; }

#easyTooltip				{padding:5px;font-size:10px;-moz-border-radius:4px;-webkit-border-radius:4px; font-family:Arial, Helvetica, sans-serif; color:#fff; z-index:99999;}
#easyTooltip				{border-radius:3px solid #F58233;background:#FEC325; text-shadow:2px #000; border:solid 1px #ccc;}



/* Copyright: Guillermo Rauch <http://devthought.com/> - Distributed under MIT - Keep this message! */

/* TextboxList sample CSS */
ul.holder { margin: 0; border: 1px solid #C7C9CB; overflow: hidden; height: auto !important; height: 1%; padding: 4px 0px 0; background:#fff; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 5px; white-space:nowrap;}
ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
ul.holder li.bit-box { -moz-border-radius: 6px; border: 1px solid #999; background: #FFF; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: auto; overflow:visible; margin: 0; border: 0px; outline: 0; padding: 3px 0px 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }

/* Facebook demo CSS */
ul.holder { margin: 0.5em 0 0 0 !important; }
ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; z-index:9;}
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('../images/close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* Autocompleter */

.facebook-auto { display: none; background: #FFF; z-index:1001; position: relative;}
.facebook-auto .select_all_items {display: block; float: right;}
.facebook-auto .default { position: absolute; padding: 5px 7px; border: 1px solid #ccc; background: #FFF; border-width: 0 1px 1px;font-family:"Lucida Grande","Verdana"; font-size:11px; z-index:9999; width: 100%;}
.facebook-auto ul { display: none; margin: 0; padding: 0; overflow: auto; z-index:9999; background: #FFF; position: absolute; width: 100%;}
.facebook-auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; background-color: #FFF; }
.facebook-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; }
.facebook-auto ul li.auto-focus { background: #4173CC; color: #fff; }
.facebook-auto ul li.auto-focus em { background: none; }
.deleted { background-color:#4173CC !important; color:#ffffff !important;}
.hidden { display:none;}

#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
.ie6fix {height:1px;width:1px; position:absolute;top:0px;left:0px;z-index:1;}

#basecamp { position:relative; }

#basecamp .basecamp-box { position:absolute; top:-15px; }
#basecamp .basecamp-box a { text-decoration:none; color:#000; }
#basecamp .basecamp-box a:hover { text-decoration:underline; }

ul.datalistheader, ul.datalist { padding:0px; margin-bottom:0px;}
/* ul.datalistheader { margin-top:20px; } */
ul.datalistheader li { list-style:none; font-weight:bold; }

ul.datalist li { list-style:none; width:100%; background:#fff; height:25px; border:solid 1px #ccc; }

ul.datalist { margin-bottom:0.5em; }

ul.datalist li a.remove {
	/* text-align: right;
	padding: 1px 0px 0 8px; */
	padding: 3px;
	display: block;
	border-left: solid 1px #CCC;
	/* width: 48px;
	height: 24px; */
}

ul.datalist li a.remove2 {
	text-align: center;
	padding: 3px;
	display: block;
	border-left: solid 1px #CCC;
	width: 60px;
	height: 24px;
}

a.remove3 {
	text-align: center;
	display: block;
	border: solid 1px #CCC;
	width: 17px;
	height: 17px;
	margin-left:10px;
}

.dropdown { position:relative; display:block; float:left; }
a.dropdown-bt {
	position: absolute;
	background: url(../images/arrow-1.png) no-repeat scroll 10px 7px #FFC425;
	width: 30px;
	height: 26px;
	display: block;
	text-indent: -9000px;
	right: 1px;
	top: 8px;
	z-index:1;
}

.close-option { background:url(../images/close.png) no-repeat scroll 7px 4px #FFC425 !important;  }

.option-box {
	position:absolute;
	top:35px;
	background-color: white;
	border: 1px solid #C7C9CB;
	color: black;
	display:none;
	height:250px;
	overflow:auto;
	overflow-x:hidden;
	margin-bottom:0.5em;
	z-index:9;
}
.option-box ul { padding:0px; margin:0px; }
.option-box ul li { list-style:none; padding:0.5em 0; cursor:pointer;  }
.option-box ul li:hover { background:#4173CC; color:#fff; }

.select-multiple { position:relative !important;
				 top: 0px !important;
				visibility:visible !important; }

#addFieldsBtn { margin-top:0.5em; display:block; }

#pager * {
	padding-right: 0.25rem !important;
	padding-left: 0.25rem !important;
}

#page * {
	padding-right: 0.25rem !important;
	padding-left: 0.25rem !important;
}