* { padding: 0; margin: 0; } 

body {
	background: #f7f7f7;
	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: .74em;
	padding: 0;
    margin: 0;
}

a		  { color: #036DA7; text-decoration: none;}
a:hover	  { text-decoration: underline;}
a:visited { color: #036DA7; }

li		 { color: #036DA7; list-style-type: none; margin-bottom: 10px; }
input, select, textarea { margin: 1px; }
img		 { border: none; }
option   { padding-left:.7em; margin-left:0; }
textarea { font-family: Verdana, Arial, sans-serif; border:1px solid #424F6F; font-size: 11px; padding: 3px; }
select	 { font-family: Verdana, Arial, sans-serif; border:1px solid #424F6F; }
fieldset { margin: 0 10px 0 5px; padding: 0 10px 5px 10px; background: #F7F7F7; }
legend   { background:#424F6F; color:white; font-size:13px; font-weight:bold; margin:1px 10px 21px 5px; padding:2px 12px; }
.fieldsetcontents { background: #F7F7F7; }
.searchinputbox { background-image: url( http://imagehost.dingo7.com/famfamfam/icons/magnifier.png); background-repeat: no-repeat; background-position: 2px 3px; padding: 2px 1px 2px 17px; border: 1px solid #475572; }

table tr td { padding: 4px 4px 4px 4px; margin-left:auto; margin-right:auto; }

#wrap {
	margin: 10px auto;
	padding: 10px;
	width: 750px;
	background: #fff;
	border: 1px solid #aaa;
}

#header        { height: 75px; background: #424F6F url(/images/header.jpg); padding-bottom: 1px; }
#header h1     { color: #fff; font-size: 1.5em; padding-top: 15px; padding-right:400px; padding-left: 10px; font-weight: 100; }
#header h2     { color: #eee; font-size: 1.2em; padding: 0 0 0 10px; font-weight: 100; }
#header h3     { color: #eee; font-size: 1.2em; padding: 0 10px 0 0; font-weight: 100; float: right; }
#header .links { color: #eee; padding: 4px 10px 0 0; float: right; }
#header a      { color: #eee; }
#header #systemmessage a      { color: #ff5a5a; }

#index li { color: #036DA7; list-style-type: disc; margin-top: 10px; margin-left: 35px; color: black; }

#helpfaqanswers           { margin-top: 25px; }
#helpfaqanswers #helpq    { border: solid 1px #465471; background-color: #EEEEEE; padding: 3px;}
#helpfaqanswers #helpa    { border: solid; border-color: #465471; border-width: 0 1px 1px 1px; background-color: #fff; padding: 10px; margin-bottom: 15px; }
#helpfaqanswers #helpa li { margin-left: 20px; margin-bottom: 5px;}

#sitefeatures h3 {font-size: 1.1em; padding: 20px 0 10px 0; }
#privacypolicy h3 {font-size: 1.1em; padding: 20px 0 10px 0; }

#gettingstarted .text { vertical-align: 50%;}
#gettingstarted #item { margin: -5px 5px 25px 32px; }
#gettingstarted ul {list-style-image: url(/images/0009_round%20cyan.png); padding: 0 15px 10px 20px;}
#gettingstarted ul div {color: #000;}

#enteringattendancedata #exampletext {margin: 9px 0 0 8px;}
#enteringattendancedata #examplelink {margin-left: 20px;}

#privacypolicy h2 { margin-bottom: 10px; }
#privacypolicy h4 { margin: 15px 0 5px 0; }

#sitemap h2 {margin-bottom: 10px; }
#sitemap ul {}
#sitemap li {margin-left: 20px; list-style-type: none; margin-bottom: 5px;}

#indexul  { padding: 10px 0 0 0; font-size: 11px; }
#index h2 {font-size: 1.2em; }
#index h3 {font-size: 1.1em; padding: 20px 0 10px 0; }

#dateliteral { width: 350px; }

#memberlogin { padding: 5px 0 15px 0; }

#noteshdr { padding: 3px 10px; background-color: #eee; border-collapse: collapse; border-top: 1px solid #424F6F; border-right: 1px solid #424F6F; border-left: 1px solid #424F6F; }
#noteshdr a { font-size: 9px; }
#notesdiv { padding: 10px; border-collapse: collapse; border: 1px solid #424F6F; }

#breadcrumbs { margin: 10px 0 10px 0; background : #eee; padding: 5px; font-size: .9em; }

#left	   { width: 160px; float: left; background: #FFF; color: #666; } 
#left .box { background: #f7f7f7; margin-bottom: 10px; padding: 5px; color: #666; }
#left h2   { font-size: .9em;  background: #424F6F; height: 16px; padding: 3px; color: #fff; }

#content    { margin-left: 180px; margin-right: 10px; /*text-align: justify;*/ color: #333; }
#content h2 { color: #555; font-size: 1.4em; padding-bottom: 2px; }

#footer { clear: both; color: #eee; background: #eee url(/images/header.jpg); text-align: center; margin: 20px 0px 0px 0px; padding: 5px; font-size: .8em; }
#footer a { color : #ddd; text-decoration: none; }

.tablehdr { padding: 3px 3px 3px 3px; background: #5E6C8F; color: #fff; vertical-align: bottom; }

.gentable { border:1px solid #424F6F; }
.gentable td { border-bottom:1px dotted #424F6F; background:#F7F7F7 none repeat scroll 0 0; }
.gentable .hdr { padding: 3px 3px 3px 3px; background: #5E6C8F; color: #fff; vertical-align: bottom; }
.gentable .totals td { padding: 3px 3px 3px 3px; background: #5E6C8F; color: #fff; vertical-align: bottom; font-weight: bold; }

#deletemessage { width: 550px; text-align: center; }
#message { /*background-color: #eee; width: 150px;*/ text-align: center; padding: 2px 5px 2px 5px; }
#nodata { background-color: red; width: 550px; text-align: center; color: white; }
.nodata { background-color: red; text-align: center; color: white; }
.studentscartfixed		{ position: absolute; } /*width: 130px; text-align: center; background-color: #fff; border: 1px solid #475572; padding-bottom: 50px; margin-bottom: 50px;} */
.tardycartfixed			{ position: absolute; } /*width: 130px; text-align: center; background-color: #fff; border: 1px solid #475572; padding-bottom: 50px; } /* margin-left: -46px; position: fixed; }*/
.absentcartfixed		{ position: absolute; } /*width: 130px; text-align: center; background-color: #fff; border: 1px solid #475572; padding-bottom: 50px; } /*margin-left: -30px; position: fixed; } */
.excusedabsentcartfixed	{ position: absolute; } /*width: 130px; text-align: center; background-color: #fff; border: 1px solid #475572; padding-bottom: 50px; } /*margin-left: -30px; position: fixed; } */

#studentscart		{ width: 130px; text-align: center; background-color: #fff; border: 1px solid #475572; padding-bottom: 50px; margin-bottom: 50px;}
#tardycart			{ width: 130px; text-align: center; background-color: #fff; border: 1px solid #475572; padding-bottom: 50px; } /* margin-left: -46px; position: fixed; } */
#itemscart			{ width: 165px; text-align: center; background-color: #fff; border: 1px solid #475572; padding-bottom: 50px; }
#absentcart			{ width: 130px; text-align: center; background-color: #fff; border: 1px solid #475572; padding-bottom: 50px; } /*margin-left: -30px; position: fixed; } */
#excusedabsentcart	{ width: 130px; text-align: center; background-color: #fff; border: 1px solid #475572; padding-bottom: 50px; } /*margin-left: -30px; position: fixed; } */

#studentscart .info, #tardycart .info, #absentcart .info, #itemscart .info { color: black; font-size: 0.9em; text-align: center; font-weight: bold; padding-bottom: 1px; border-bottom: 1px solid black; }
#studentsliteral{ background-color: #878787; width: 130px; color: #fff; font-weight: bold; padding-bottom: 1px; border-bottom: 1px solid black; }
.tardyinfo      { background-color: red; width: 130px; color: #fff; font-weight: bold; padding-bottom: 1px; border-bottom: 1px solid black; }
#tardyliteral   { background-color: red; width: 130px; color: #fff; font-weight: bold; padding-bottom: 1px; }
.itemsinfo		{ background-color: #475572; width: 165px; color: #fff; font-weight: bold; padding-bottom: 1px; /*border-bottom: 1px solid black;*/ }
#presentliteral { background-color: #475572; width: 165px; color: #fff; font-weight: bold; padding-bottom: 1px; border-bottom: 1px solid black; }
.absentinfo     { background-color: #8EB8CF; width: 130px; color: #fff; font-weight: bold; padding-bottom: 1px; border-bottom: 1px solid black; }
#absentliteral  { background-color: #8EB8CF; width: 130px; color: #fff; font-weight: bold; padding-bottom: 1px; }
.excusedabsentinfo     { background-color: #36AF44; width: 130px; color: #fff; font-weight: bold; padding-bottom: 1px; border-bottom: 1px solid black; }
#excusedabsentliteral  { background-color: #36AF44; width: 130px; color: #fff; font-weight: bold; padding-bottom: 1px; padding-bottom: 1px; /*border-bottom: 1px solid black;*/ }

.item {
	/*float: left;*/
	position: relative;
	width: 118px;
	height: 25px;
	border: 1px solid #eee;
	margin: 5px;
	vertical-align: top;
	/*border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;*/
	background-color: #fff;
	/*background-position: left top;
	background-repeat: no-repeat;*/
	cursor: move;
}

.disableditem {
	position: relative;
	width: 118px;
	height: 25px;
	border: 1px solid #eee;
	margin: 5px;
	vertical-align: top;
	background-color: #eee;
	font-size: 0.8em;
}

#studentscart .item, #tardycart .item, #absentcart .item, #excusedabsentcart .item { width: 118px; height: 25px; margin: 5px; background-position: -40px -22px; border-width: 1px; cursor: default; }
#itemscart .item { width: 152px; height: 25px; margin: 5px; background-position: -40px -22px; border-width: 1px; cursor: default; }
 
.item span {
	position: absolute;
	left: 0;
	font-size: 0.8em;
	font-weight: bold;
	width: 100%;
	vertical-align: top;
	text-align: center;
}

#ticker  { height: 16px; width: 16px; padding: 0.5em; margin-left: 5px; }
#ticker2 { height: 16px; width: 16px; padding: 0.5em; margin-left: 5px; }
#ticker3 { height: 16px; width: 16px; padding: 0.5em; margin-left: 5px; }
 
#ticker.ajax-loading  { background: url(/images/spinner.gif) no-repeat center; }
#ticker2.ajax-loading { background: url(/images/spinner.gif) no-repeat center; }
#ticker3.ajax-loading { background: url(/images/spinner.gif) no-repeat center; }

#error      { color: red; }
.error      { color: red; }
.errorspan	{ color: red; padding: 3px; font-weight: bold; font-size: 10px; margin-left: 5px; }
.errorbox	{ color: red; padding: 3px; font-weight: bold; font-size: 10px; margin: 3px; border: 1px solid red; background-color: #FFEBE8; padding: 5px; }

/*
#registration         { position: relative; background-color: #eee; padding: 5px; border: 1px solid #4A5875; margin: 15px 0; }
#registration input { padding: 1px; margin: 1px; }
#registration label   { width: 11em; float: left; vertical-align: middle; margin-top: 5px; }
#registration .submit { margin: 0 0 5px 131px; }
#registration .required { color: red; }
*/
#myprofile h3 { padding: 15px 0 10px 0; }
#myprofile label   { width: 10em; float: left; }
#myprofile .longlabel   { width: 17em; float: left; }
#myprofile .submit { float: right; margin: 0 0 5px 0; }
#myprofile img { border: none; vertical-align: bottom;}
/*#myprofile #panel1 { background-color: #eee; }
#myprofile #panel2 { background-color: #eee; }*/

#login         { position: relative; background-color: #eee; padding: 5px; border: 1px solid #4A5875; margin: 15px 0; }
#login label   { width: 11em; float: left; vertical-align: middle; margin-top: 5px; }
#login .submit { margin: 0 0 5px 131px; }
#loginerror { color: red; margin-top:10px; }

.shadeddiv         { position: relative; background-color: #eee; padding: 15px 40px 15px 40px; border: 1px solid #4A5875; margin: 15px auto 15px auto; width: 400px;}
.shadeddiv input { padding: 1px; margin: 1px; }
.shadeddiv label   { width: 11em; float: left; vertical-align: middle; margin-top: 5px; }
.shadeddiv .submit { margin: 0 0 5px 131px; }
.shadeddiv .required { color: red; }

#refer label   { width: 10em; float: left; }
#refer .submit { float: right; margin: 15px 0 15px 0}

label.twoline { height: 3.4em; width: 10.5em; float: left; }

/*
 *   Reporting Styles
 */
.altrow { background-color: #ccc;}
#reportbystudent .hdricons { float: right; margin: 0 0 5px 0; }
#reportbystudent #datatable { width: 450px; }
#reportbystudent .daterangeselection { border: 1px solid #ccc; background-color: #fff; margin-right: 2px; padding: 2px; width: 275px; float: left; }
#reportbystudent .selecteddiv { border: 1px solid #5e6c8f; background-color: #ccc; width: 275px; width: 275px; }

#reportbyclass .hdricons { float: right; margin: 0 0 5px 0; }
#reportbyclass #datatable { width: 450px; }
#reportbyclass .daterangeselection { border: 1px solid #ccc; background-color: #fff; margin-right: 2px; padding: 2px; width: 275px; float: left; }
#reportbyclass .selecteddiv { border: 1px solid #5e6c8f; background-color: #ccc; width: 275px; width: 275px; }

#reportstudentmonthly { padding: 0px; margin-left: -180px; }
#reportstudentmonthly .hdricons { float:right; margin-bottom: 5px; }
#reportstudentmonthly table tr td { padding: 1px; text-align: center; }
#reportstudentmonthly .loveydovey { padding: 0; }
#reportstudentmonthly .present { }
#reportstudentmonthly .absent { background-color: #8EB8CF; }
#reportstudentmonthly .excusedabsent { background-color: #36AF44; }
#reportstudentmonthly .tardy { background-color: red; text-align: center; }
#reportstudentmonthly .daycharhdrcell { padding: 0; }
/*#reportstudentmonthly .weekendcharhdrtopcell { background-color: #ccc; }
#reportstudentmonthly .weekendcharhdrcell { background-color: #eee; border-bottom: solid 1px #000; }*/
#reportstudentmonthly .weekendcell { background-color: #eee; }
#reportstudentmonthly .namecell { overflow: hidden; white-space: nowrap; text-align: left; }
#reportstudentmonthly .indvtotals { padding: 0; text-align: center; }
#reportstudentmonthly .altrow { background-color: #ccc;}
#reportstudentmonthly #studentmonthlytable { padding: 0 0 10px 0; }
#reportstudentmonthly #notedate { border: solid 1px #465471; background-color: #EEEEEE; padding: 4px; margin-top: 15px; }
#reportstudentmonthly #notedesc { border: solid; border-color: #465471; border-width: 0 1px 1px 1px; background-color: #fff; padding: 6px; margin-bottom: 15px; }

#reportstudentweekday { padding: 0px; margin-left: -180px; }

.daytype0 { background-color: white; color: black; border: 1px solid black; }
.daytype1 { background-color: #AB8B00; color: white; }
.daytype2 { background-color: #636330; color: white; }
.daytype3 { background-color: #B36D00; color: white; }
.daytype4 { background-color: #EC7000; color: white; }
.daytype5 { background-color: #64992C; color: white; }
.daytype6 { background-color: #0B7FBF; color: white; }
.daytype7 { background-color: #EEEF4A; color: white; }
.daytype8 { background-color: #AA50D7; color: white; }
.daytype9 { background-color: #13D7D3; color: white; }
.daytype10 { background-color: #81F75C; color: white; }

.daytypeC { background-color: #AB8B00; color: white; }
.daytypeH { background-color: #636330; color: white; }
.daytypeE { background-color: #B36D00; color: white; }
.daytypeL { background-color: #EC7000; color: white; }
.daytypeW { background-color: #64992C; color: white; }
.daytypeM { background-color: #0B7FBF; color: white; }


#reportstudentyearly { padding: 0px; margin-left: -180px; }
#reportstudentyearly table tr td { padding: .1em; }
#reportstudentyearly .heading1 { padding: .4em; }
#reportstudentyearly .heading2 { padding: .1em; }
#reportstudentyearly .heading1w { padding: .4em; background-color: #EEEEEE; }
#reportstudentyearly .heading2w { padding: .1em; background-color: #EEEEEE; }
#reportstudentyearly td { text-align: center; }

#reportstudentmonthly h2 { padding-bottom: 10px; clear: both; }
/*#reportstudentmonthly table tr td { padding: .1em; }
#reportstudentmonthly .tc { text-align: center; }
#reportstudentmonthly .datehdr { vertical-align: top; }
#reportstudentmonthly .notes { margin: 5px 0 15px 25px; padding: 5px; border: solid; border-color: #465471; border-width: 1px; background-color: #EEEEEE}
*/
#reportstudentweekly { padding: 0px; width: 555px;}
#reportstudentweekly .hdricons { float:right; margin-bottom: 5px; }
#reportstudentweekly .datehdr { vertical-align: top; }
#reportstudentweekly .tc { text-align: center; }
#reportstudentweekly #notedate { border: solid 1px #465471; background-color: #EEEEEE; padding: 2px;}
#reportstudentweekly #notedesc { border: solid; border-color: #465471; border-width: 0 1px 1px 1px; background-color: #fff; padding: 6px; margin-bottom: 15px; }

.shadedtable			{ border: 1px solid #424F6F; }
.shadedtable td			{ border-bottom: 1px #424F6F dotted; }
.shadedtable tr.data	{ background: #F7F7F7; }

#manageusers    table   { border: 1px solid #424F6F; }
#managestudents table   { border: 1px solid #424F6F; }
#managestudents td		{ border-bottom: 1px #424F6F dotted; }
#managestudents tr.data { background: #F7F7F7; }
#manageclasses  table   { border: 1px solid #424F6F; }
#manageclasses td		{ border-bottom: 1px #424F6F dotted; }
#manageclasses tr.data { background: #F7F7F7; }

#classshowarea  table   { border: 1px solid #424F6F; }
#classshowarea td		{ border-bottom: 1px #424F6F dotted; }
#classshowarea tr.data { background: #F7F7F7; }

#studentshowarea  table   { border: 1px solid #424F6F; }
#studentshowarea td		{ border-bottom: 1px #424F6F dotted; }
#studentshowarea tr.data { background: #F7F7F7; }

#usertable table   { border: 1px solid #424F6F; }
#usertable table   { border: 1px solid #424F6F; }
#usertable td		{ border-bottom: 1px #424F6F dotted; }
#usertable tr.data { background: #F7F7F7; }

#studenttable table	  { border: 1px solid #424F6F; }
#studenttable td	  { border-bottom: 1px #424F6F dotted; }
#studenttable tr.data { background: #F7F7F7; }

#useraccess .submit      { float: right; margin: -20px 0 5px 0; }
#useraccess #classes     { width: 250px; padding: 10px 0 0 20px; }
#useraccess #classlist   { padding: 10px; border: #424F6F; border-width: 1px; border-style: solid; }
#useraccess #students    { width: 250px; padding: 10px 0 0 20px; float: left; }
#useraccess #studentlist { padding: 10px; border: #424F6F; border-width: 1px; border-style: solid; }

#studentclasstable table   { border: 1px solid #424F6F; }
#studentclasstable table   { border: 1px solid #424F6F; }
#studentclasstable td		{ border-bottom: 1px #424F6F dotted; }
#studentclasstable tr.data { background: #F7F7F7; }

.submitbutton {
	padding: 3px;
	background-color:#485673;
	border-color:#D9DFEA rgb(14, 31, 91) rgb(14, 31, 91) rgb(217, 223, 234);
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-weight: normal;
	font-size:11px;
	text-align:center;
	width: 65px;
}

.submitbuttonmed {
	width: 100px;
}

#legendtable { }
#reportstudentmonthly #legendtable td { text-align: left; }

.exportexample { font-family: courier; }

.darktab {
	padding: 3px 10px;
	margin: 10px 0 0 10px;
	color: white;
	font-weight: bold;
	background: #455370;
	position: relative;
	height: 22px;
}

.tabcontents { margin-top: 3px; background: #F7F7F7; border: 1px solid #475572; padding: 10px; }
.tabsectionheader { 
	border-bottom: 1px solid #455370;
	width: 475px;
	margin-bottom: 15px;
	padding-bottom: 3px;
}

.tabsectionheadertext { 
	font-weight: bold;
	color: white;
	background: #455370;
	padding: 3px 10px;
}

.longselect { width: 300px; }
.mediumselect { width: 250px; }

.hiddenclass { visibility: hidden; height: 0; display: none; }

#editstudent h3 { margin-bottom: 15px; }
#editclass h3 { margin-bottom: 15px; }
#edituser h3 { margin-bottom: 15px; }
#generalstudentcontainer input { margin: 2px; }
#generalclassiner input { margin: 2px; }
#studentcontainer input, textarea{ margin: 5px 0; border:1px solid #424F6F; padding: 2px; }
#classcontainer input, textarea{ margin: 5px 0; border:1px solid #424F6F; padding: 2px; }
#usercontainer input, textarea{ margin: 5px 0; border:1px solid #424F6F; padding: 2px; }

#editstudent label { width: 8em; float: left; padding-top: 8px; }
#editclass label   { width: 8em; float: left; padding-top: 8px; }
#edituser label    { width: 8em; float: left; padding-top: 8px; }
#moreinfodiv label    { width: 8em; float: left; padding-top: 8px; }

.greybgtable   { border: 1px solid #424F6F; }
.greybgtable td		{ border-bottom: 1px #424F6F dotted; }
.greybgtable tr.data { background: #F7F7F7; }

.tag { font-size: 10px; padding: 6px 5px; background-color: #F7F7F7; }

.overtotaltime { border: 1px solid red; }
.overtime { border: 1px solid yellow; }

#page_message { padding: 5px 7px; background-color: #eee; margin-top: -5px; margin-right: -5px; }

.prevnextlink { text-decoration: none; cursor: hand; }
.prevnextlink span { color: white; font-weight: bold; background-color: #465471; border: 1px solid white; }
.prevnextlink:hover { text-decoration: none; }
.prevnextlink:hover span { color: #465471; font-weight: bold; background-color: white; border:1px solid #465471; cursor: hand; }

.locationmyat	{ color: white; background-color: #485673; padding: 2px; }
.locationmyses	{ color: white; background-color: #5E6C8F; padding: 2px; }
.locationmytp	{ color: white; background-color: #009F51; padding: 2px; }

.adminhdr		{ color: white; background-color: #485673; padding: 2px; font-weight: bold; margin-bottom: 2px; }
.adminhdrnormal		{ color: white; background-color: #485673; padding: 2px; font-weight: normal;}

#cal1Container { display:none; z-index:20; position: absolute; }

#moreinfodiv { padding: 10px 0 10px 20px; background-color: #eee; }