@charset "utf-8";
	
:root {
	--header_image 
}

html, body {
	margin: 0;
	padding: 0;
	background-color: #DCC172;
	height:100%;
}
@font-face {
    font-family: customFont;
	src: url('LithosPro-Regular.otf');
}
.systemTitle {
	font-size: 22px;
	font-family: customFont;
	vertical-align: bottom;
	text-align: Left;
	color: #663300;
	margin: 7px;
}
#wrapper {
	margin: 0 auto;
	width: 1000px;
	background:#ffffff;
	border-left:9px solid #81c3eb;
    border-right:9px solid #81c3eb;
	position: relative;
	min-height: 100%; 
	height: auto !important; 
	height: 100%;
}

#mainContent {
	padding: 0 14px 14px 14px;
	text-align: justify;
	font: 12px Arial, Helvetica, sans-serif;
	padding-bottom:60px;
}

#footer {
	clear: both;
	background: #E7D49D;
	width: 1000px;
	height: 60px;
	border-top: 1px solid #EFFEF9;
	font: 12px Arial, Helvetica, sans-serif;
	color: #663300;
	position:absolute;
	bottom:0px;
}

#header {
	width: 1000px;
	height: 122px;
	float: left;
	background: #FFFFFF url("../../../themes/default/images/parefPreschoolHeader.png") no-repeat;
}

#subheader {
	width: 1000px;
	background: #e7d49d;
    border-top: 1px solid #DCC172;
    border-bottom: 2px solid #DCC172;
	clear: both;
}

#pagetitle {
    margin-top: 7px;
    border-top: 1px solid #EFFEF9;
    border-bottom: 1px solid #EFFEF9;
    height:37px;
    background: #013370 url(../../../themes/default/images/pers_form.jpg) no-repeat 100% 0;
}

#header h1 {
	display: none;
}

#header div.logged { float:right; color:#663322; font-weight:bold; margin-right:20px; font-size:11px;font-family:Arial;background:#E7D49D;padding:2px 10px;margin-right:9px; -moz-border-radius: 0 0 0 7px; border-radius: 0 0 0 7px }
#header div.icon { cursor: pointer; float:right; margin-right:15px; width:30px; height:31px; }
#header div.icon p { text-align:right; text-decoration:none; position:relative; top:18px; font-weight:bold; font-size:10px; color:#ff0; padding:0px; margin:0px; }
#header div.msg { background:url(../../../themes/default/images/icon_msg.png) no-repeat top; }
#header div.vacation { background:url(../../../themes/default/images/icon_vacation.png) no-repeat top; margin-right:3px; }
#header div.sick { background:url(../../../themes/default/images/icon_sick.png) no-repeat top; margin-right:3px;}


#navigation {
    padding: 0 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ffffff;
    background: #df5f5f;
	font-size:10px;
}

.navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
}

#navigation a:hover {
	color:#fff;
}
#nav li a {
	color:#FFF;
	text-decoration:none;
}
.home {
	color:#ffffff;
	text-decoration:none;
}
#nav li a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

#nav, #nav ul {
	padding: 1px;
	margin: 0;
	list-style: none;
}

#nav li {
	list-style-type: none;	
	float:left;
	padding:3px 10px;
	cursor:pointer;
}

#nav li:hover {
	background: #b03933;
	color: #ffffff;
}

#nav li ul {
	margin:2px 0 0 -10px;
	display:none;
	position: absolute;	
	background:#df5f5f;
	color: #FFFFFF;
	padding:1px;
	z-index:300;
}

#nav li ul li {
	display:block;
	float:none;
	padding:5px 10px;
	border:1px solid #fff;
	min-width:100px;
	margin-top:1px;
}

#nav li ul li:hover {
	background:#b03933;
}

#nav li:hover ul {
	display:block;	
}

.notice {
	color:#FF0000;
}

#mainContent h2 {
	margin: 12px 0;
	padding-left: 25px;
	padding-top: 2px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #004A80;
	background: url(../../../themes/default/images/textheadericon.gif) no-repeat left top;
	height: 20px;
}

.formtitle {
	padding-top: 20px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #004A80;
}


#mainContent h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #004A80;
	background: #e1e1e1;
	text-align:left;
}

#mainContent p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
}

#mainContent .bold {
	font-weight: bold;
}

#mainContent .italic {
	font-style: italic;
}

#secondaryContent {
	float: left;
	width: 160px;
	margin: 9px 0 0 8px;
}

#secondaryContent li {
	margin-bottom: 30px;
}

#side_cwc a { 
	background: url(themes/default/images/side_cwc.gif, "../../../") no-repeat;
	width: 153px;
	height: 100px;
	display: block;
}

#side_theridge a {
	background: url(themes/default/images/side_theridge.gif, "../../../") no-repeat;
	width: 153px;
	height: 30px;
	display: block;
}

#side_paref a {
	background: url(themes/default/images/side_paref.gif, "../../../") no-repeat;
	width: 153px;
	height: 30px;
	display: block;
}

#secondaryNavigation {
	clear: both;
	background: #003300;
	width: 1000px;
	background: url(themes/default/images/footer.jpg, "../../../");
	height: 22px;
}

#secondaryNavigation ul { 
	margin-left: 15px;
	padding: 0;
	list-style-type: none;
}

#secondaryNavigation li {
	display: block;
	float: left;
	margin-right: 15px;
	margin-top: 3px;
	font: 12px Arial, Helvetica, sans-serif;
	border-top: 2px solid #06592b;
}

#secondaryNavigation a {
	color: #C8EEFF;
	text-decoration: none;
	font-weight: bold;
}

#secondaryNavigation li:hover {
	color: #FFFFFF;
	border-top: 2px solid #FFFFFF;
}




	.contactInfo {
	padding-top: 10px; margin: 0;
	width: 400px;
	margin-left: 15px;
	font: 10px Arial, Helvetica, sans-serif;
}


	.contactEmail {
	padding: 0; margin: 0;
	float: left;
	margin-left: 15px;
	font: 10px Arial, Helvetica, sans-serif;
}


	.contactEmail a {
	color: #C8EEFF;
	text-decoration: none;
}


	.compliance {
	float: right;
	padding: 0; margin: 0;
	margin-right: 15px;
	font: 10px Arial, Helvetica, sans-serif;
}

#css2 {
	background: url(../../../themes/default/images/w3c_css2.gif) no-repeat;
	width: 80px;
	height: 15px;
	display: block;
	float: left;
	margin-right: 10px;
}

#xhtml1 {
	background: url(../../../themes/default/images/w3c_xhtml1.gif) no-repeat;
	width: 80px;
	height: 15px;
	display: block;
	float: left;
}

#listtable .odd {
	background-color:#CEE9FF;
}

#listtable .even {
	background-color:#FFFFFF;
}

#listtable .evengray {
	background-color:#EFEFEF;
}

#listtable th {
	background-color:#3399CC;
}

#listtable a,a:active {
	text-decoration:none;
	color:#990000;
}

.pagelinks {
	font-size: 11px;
}

.info {
	font-weight: bold;
}

.homelinks a {
	text-decoration:none;
	color:#336666;
}

.homelinks a:hover {
	text-decoration:none;
	color:#ff0000;
}

/* Header Dropdown CSS (start) */
div { 
	font-family : Verdana,Helvetica; 
}

.clsCMOn { 
	color: #FFFFFF; 
	font-size : 10px; 
	text-decoration : none; 
	padding-left: 4px; 
	text-align: left; 
	font-weight:bold; 
}

.clsCMOver { 
	color: #FFFFFF; 
	font-size : 10px; 
	text-decoration : none; 
	padding-left: 4px; 
	text-align: left; 
	font-weight:bold; 
}

#LoginBoxWrapper {
	border:1px solid #000; width: 400px; text-align:center; font-family:Arial, Helvetica, sans-serif; padding:15px; -moz-border-radius: 7px; border-radius: 7px;	
}


/* Header Dropdown CSS (end) */


/* ====== Administration ====== */
.admin-wrapper { margin-bottom:10px }
.admin-wrapper h1 { margin-left:10px; margin-bottom:0px }
.tbl-form tr.oddrow	{ background-color:#CEE9FF;	vertical-align:middle;}
.tbl-form tr.evenrow { background-color:#EFEFEF; vertical-align:middle;	}
.notice { color: red; padding:10px 0 10px 0; }
.pager { font-size:11px; text-align:right; margin:10px 0; }
#frmMain { display:none; -moz-border-radius: 10px; border-radius: 10px; border:1px solid #666; }
.button { background-color: #B7D5B6; width:160px; height:31px; border:none; color:#595858; font-size:14px; font-weight:bold; border-radius: 8px; cursor:pointer;}
/* .button { background:url(../../../themes/default/images/bg-button-long.png); width:160px; height:31px; border:none; color:#fff; font-size:14px; font-weight:bold; text-shadow: 0px -1px #54667d; cursor:pointer;} */
.frm label { width:100px; float:left; height:20px; clear:left; font-weight:bold; }
.frm div.note { margin-left:100px; position:relative; top:-10px; }
.frm span.note { font-size:10px; font-style:italic }
.frm { font-size:11px;  color: #333; padding: 15px; margin-bottom:10px; text-align:left; }
.frm input[type="text"],.frm input[type="password"] { font-size:12px; border:1px solid #666; height:18px; margin-bottom:10px; width:260px; }
.frm input[type="button"],.frm input[type="submit"] { background:url(../../../themes/default/images/bg-button.png); width:130px; height:31px; border:none; color:#fff; font-size:14px; font-weight:bold; text-shadow: 0px -1px #54667d; cursor:pointer; }
.frm input[type="checkbox"] { margin:3px 5px 3px 5px} 
.frm select { margin-bottom:10px; border:1px solid #666; }
.frm input[type="file"]  { margin-bottom:10px; border:none; }
.frm textarea { margin-bottom:10px; border:1px solid #666; width:260px; font-family:Arial; }
.frm div.personnel label { width:150px; }
.frm input.date { background:url(../../../themes/default/images/calendar.png) no-repeat 82px 2px; width:100px; }

#divinfo h1 { color:#fff; background:#008049; border:1px solid #008049; -moz-border-radius: 5px; border-radius: 5px; padding:7px 2px 2px 8px; margin:-5px -5px 25px -5px; font-family:Arial, Helvetica, sans-serif; }
.label { width:120px; float:left; clear:both; font-weight:bold; }
.val { float:left; border-bottom:1px solid #000; min-width:300px; min-height:15px; vertical-align:bottom;  }
.val2 { float:left; border-bottom:1px solid #000; min-width:200px; min-height:15px; vertical-align:bottom;  }
.row { margin-bottom:10px; clear:both; height:15px; }
.detname { font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }

.tbl-form { margin-top:10px; color: #333; font-size:11px; }
.tbl-form tr.tbl-header { 
	background: rgb(169,206,251);
	background: linear-gradient(180deg, rgba(169,206,251,1) 0%, rgba(39,106,187,1) 100%);
}
.tbl-form tr.tbl-header th { height:30px; color: #333 }
.tbl-form td hr { color:#333; width:100%; height:1px; background:#54667d; border:none; margin:0px }
.tbl-form td { border-bottom:1px solid #d5d8de; padding:3px 2px 4px 4px;}
.tbl-form tr.evenrow:hover, .tbl-form tr.oddrow:hover { background:#98bdea; }
.tbl-form td.links { font-weight:bold; font-size:11px; color:#069 }
.tbl-form td.links a, .tbl-form td a { text-decoration:none;color:#069  }
.tbl-form td.links a:hover,  .tbl-form td a:hover { color:#933 }
.tdc { text-align: center; }
.tdr { text-align: right !important; }
.tdnoborder { border: none; background: transparent !important; }
.tdl { text-align: left; }

h1 { font-size:20px; color:#003471; }

#roles { float:left; clear:right }
#roles div label { float:none; font-weight:normal;} 
.frm input[type="text"].fld-label { font-size:10px; font-style:italic; color:#666; }
.fld-label { font-size:10px; font-style:italic;  color:#000; }
#ui-datepicker-div { position:absolute;display:none }
#fader { display:none; background-color:#000000; height:4000px; width:2000px; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; position:absolute; top:0px; left:0px; z-index:200; }
#viewinfo .loading { font-size:11px; height:100px; text-align:center; vertical-align:middle; }

#mask { position:absolute; z-index:400; background-color:#000; display:none; }
#viewinfo { -moz-border-radius: 7px; border-radius: 7px; position:absolute; z-index:999; padding-top:10px; background:#fff; width:800px; top:10%;  overflow:auto; display:none; }
#viewinfo h1 { margin-top:0px; }
#viewinfocontents { margin:0px 10px 10px 10px; padding:20px; -moz-border-radius: 7px; border-radius: 7px; border:1px solid #000; } 

#tabnav { align:right; font-weight:bold; height:45px; border-bottom:3px solid #B03933; margin:15px 0; }
#tabnav div.tab { font-size:10px;  margin-right:1px; float:left; text-align:center; line-height:25px; width:135px; height:25px; background:#DC5E5E;-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px;border-top-left-radius:5px; }
#tabnav div.active { background:#B03933  }
#tabnav div.tab a { text-decoration:none; color:#fff; font-weight:bold; }
#tabnav div.tab:hover { background:#B03933; }
div.personnel h2 {  background-color:#A0FEC8 !important; }
div.personnel h2 span { padding:0 10px; float:right;; }
div.personnel h2 span a { color:#06F; text-decoration:none; font-size:11px; font-weight:bold; }
#tabnav ul.persname { margin:0; cursor:pointer; font-family:Arial; background:#B03933; color:#fff; height:19px; font-size:14px; font-weight:bold; padding:3px 10px;}
#tabnav ul.persname li:hover .tabsubnav { display:block }
#tabnav ul.persname .tabsubnav { position:relative; margin:0px; padding:0 0 1px 0; z-index:300; display:none; width:200px; background:#B03933; }
#tabnav ul.persname .tabsubnav li { font-family:Verdana; font-weight:bold; cursor:pointer; margin:0px; list-style-type:none; font-size:10px; border:1px solid #fff; padding:3px; margin:1px; } 
#tabnav ul.persname .tabsubnav li:hover { background:#DC5E5E; } 
#tabnav ul.persname .tabsubnav li a { color:#fff; text-decoration:none } 
#tabnav ul.persname li { list-style-type:none; }
/* ====== End of Administration ====== */

.fld { float:left; margin-right:20px; min-width:170px;}
.fld p { border-bottom: 1px solid #000; margin:0px; padding-top:15px; height:15px; }
.fld span { font-size:10px; font-style:italic; color:#000; }
label { padding-top:10px; }
.header { clear:both;padding:20px 0 10px 0;font-weight:bold;text-align:center; font-size:14px; font-family:Arial, Helvetica, sans-serif; }
.personnel h2 { margin-top:20px !important; background-color:#C8C1FF !important; }
.personnel a { text-decoration:none; font-weight:bold; color:#069; }

#notification { float:left; width:720px }
#notification div.item { clear:both; width:720px; border:none; border-top:1px solid #ccc; margin-left:10px; color:#333; }
#notification div.item div.pic { width:30px; float:left; font-size:11px; margin:0px; padding:5px;  }
#notification div.item div.info { float:left; font-size:11px; margin:0px; padding:5px; width:670px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#000;  }
#notification div.item div.info em { font-size:9px }
#notification div.item a { text-decoration:none; font-size:11px; color:#039;  }
#notification div.item div.lnk { float:left; width:150px; cursor:pointer; color:#039; font-family:Arial, Helvetica, sans-serif; }
#notification div.item textarea { display:none; margin:10px 0 0 0; width:650px; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
#notification div.itemold:hover { background:#D0E5F5 }
#notification div.more { width:710px; text-align:right; cursor:pointer; background:#A4C6FF; padding:2px 5px; margin-left:10px; font-size:11px; font-weight:bold; color:#036; font-family:Arial, Helvetica, sans-serif; }
#notification div.comments div.item { margin-left:0px; clear:both; width:670px; background:#EDEFF4; border:none; border-top:1px dotted #ccc; margin-top:0px; color:#333; }
#notification div.comments div.item div.pic { width:30px; float:left; font-size:11px; margin:0px; padding:5px;  }
#notification div.comments div.item div.info { float:left; font-size:11px; margin:0px; padding:5px; width:620px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#000;  }
#notification div.comments div.itemhidden { display:none }
#notification div.item div.morecmnts { padding:3px; text-align:center; background:#EDEFF4; cursor:pointer; color:#039; font-family:
Arial, Helvetica, sans-serif; border-top:1px dotted #ccc; }
#notification div.remove { background:url(../../../themes/default/images/clear.gif); width:9px; height:9px; cursor:pointer; margin:3px; position:absolute; left:720px; }
#hdrnotification div.post { height:20px; float:right; text-align:right;margin:12px 0; padding-top:2px; line-height:20px;}
#hdrnotification div.post a { text-decoration:none; color:#039; font-weight:bold; font-size:11px; }
#hdrnotification { float:left; width:720px }
#publicmsg { width:710px; clear:both; border:1px solid #ccc; display:none; margin:0 0 10px 10px; font-size:11px; font-family:Arial, Helvetica, sans-serif; }

#dash-user { width:720px;float:left; }
#dash-user div.pic { float:left;width:80px;padding:5px 0 0 20px; }
#dash-user div.info { float:left;font-size:14px;font-weight:bold;font-family:Arial;color:#069; }

#dash { margin:5px 0 0 30px; float:left; width:200px; background:#B7FFD6; padding:0 10px 10px 10px; -moz-border-radius: 10px; border-radius: 10px; font-family:Arial, Helvetica, sans-serif; }
#dash div.item { height:20px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;  }
#dash div.item:hover { color:#900 }
#dash div.item div{ width:30px; font-weight:bold; float:left; margin-left:25px; font-family:Arial, Helvetica, sans-serif; color:#333;  }

#quicklinks a { font-weight:bold; color:#069; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; }
#quicklinks li { list-style-type:none; padding:3px 10px; margin:0 0 1px 0; background:#D0E5F5; }
#quicklinks a:hover { color:#900 }
#quicklinks { padding:0px; margin:0px; }
.qlhdr { background:#003471; text-align:center; font-size:16px; font-weight:bold; height:30px; line-height:30px; font-family:Arial, Helvetica, sans-serif; color:#fff; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; margin-top:10px;}

#pending { background:#d0e5f5; padding: 10px 0; }
#pending .item div {  float:left; font-weight:bold; width:25px; margin:0 10px 0 25px; font-family:Arial, Helvetica, sans-serif; text-align:center; -moz-border-radius:5px; border-radius:5px; background:#09f; color:#000; line-height:20px; height:20px;  } 
#pending .item { height:20px; color:#06f; cursor:pointer; margin-bottom:2px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:20px; }
#pending .item:hover { color:#903 }

.st_pending { font-weight:bold; color:#069; }
.st_approved { font-weight:bold; color:#396; }
.st_denied { font-weight:bold; color:#f00; }

#announcements { border:1px solid #003471; margin:0px; padding:10px; }
#announcements a { font-weight:bold; color:#069; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; }
#announcements a:hover { color:#900 }
#announcements li { list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; width:200px; margin-top:5px; }
#announcements li div { margin-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; }

.vlsl { float:right; margin-top:10px; font-weight:bold; }
.vlsl div { width:109px; float:left; height:30px; margin:2px 4px 2px 0; line-height:30px; background:#003471; color:#fff; -moz-border-radius: 5px; border-radius: 5px; text-align:center; }
.vlsl a { text-decoration:none; color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif; }

.payroll_templates a { cursor:pointer; color:#069; }
.payroll_templates a:hover { color:#F00 }


.msgbutton { border:1px solid #363; font-weight:bold; font-size:10px; padding:2px 5px; } 
.navarea td { padding:1px 10px 1px 50px; }
.navarea { background:#ccc; display:none; }
.msgarea { display:none; background:#f5f5f5; }
.msgarea:hover { background:#f5f5f5; }
.navarea:hover { background:#ccc; }
.msgarea td { padding:15px 10px 20px 50px; }
.unread { font-weight:bold; }

.print { width:32px; height:32px; background:url(../../../themes/default/images/print.png) no-repeat; cursor:pointer; }
.export { width:32px; height:32px; background:url(../../../themes/default/images/download.png) no-repeat; cursor:pointer; }

ul.wrkload { font:12px Arial;margin-left:40px; }
ul.wrkload li { float:left; width:100%; font-family:Arial; margin-bottom:15px; }
ul.wrkload div { float:left; margin-top:5px;  font-family:Arial; }
ul.wrkload .lbl { width: 110px; font-weight:bold; margin-left:20px; clear:left; font-family:Arial; } 
ul.wrkload ul li { list-style-type:none; margin:0;  float:none; margin-top:5px; }
ul.wrkload ul { float:left; padding:0; margin:0; }


ul.appload { font:11px Verdana;margin-left:0px; list-style-type:none; text-align:left; }
ul.appload li { float:left; width:100%; font-family:Verdana; margin-bottom:15px; list-style-type:none; }
ul.appload div { float:left; margin-top:5px;  font-family:Verdana; }
ul.appload .lbl { width: 110px; font-weight:bold; clear:left; font-family:Verdana; } 
ul.appload ul li { list-style-type:none; margin:0;  float:none; margin-top:5px; }
ul.appload ul { float:left; padding:0; margin:0; }

.removed { color:#ff0000 !important; font-style: normal !important; font-size: 12px !important; }
.added { color:#00ff00 !important; font-style: normal !important; font-size: 12px !important; }
.changed { color:#e57827 !important; font-style: normal !important; font-size: 12px !important; }

.attendance { border:1px solid #003471; margin:0px; padding:10px; }
.attendance .datenow { font-weight:bold; color:#069; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align: center; text-decoration:none; }
.attendance .timein, .attendance .timeout { margin-top:4px; font-size: 14px; font-weight: bold; font-family: Arial; color:#333; }