/* ==========================================================================
Table styles
========================================================================== */
.beta-table {
	width: 725px;
}


.beta-table tr {
	margin: 0 0 10px 0;
}

.beta-table tbody tr {
	margin: 0 0 20px 0;
}

.form-table {
	width: 500px;
	margin: 10px auto;
	text-align: left;
}

#student-page-tables table tbody tr td:first-child {
	width: 185px;
	text-transform: capitalize;
	font-weight: bold;

}

#student-page-tables {
	font-size: 3em; 
	text-decoration: underline;
	margin: 20px; 
	text-align: left;
	caption-side: center;
}

#student-page-tables table {
	margin: 0 0 28px 0;
}	

#student-page-tables caption {
	font-weight: bold;
	font-size: 1.5em;
}
	
/* ==========================================================================
Type styles
========================================================================== */

/* ==========================================================================
header styles
========================================================================== */
.main_header {
	font-size: 3em; 
	text-decoration: underline;
	margin: 25px; 
	text-align: center;
}

/* ==========================================================================
navigation styles
========================================================================== */

/* ==========================================================================
function styles
========================================================================== */

a.unpaid-sum, a.paid-sum {
	font-weight: bold;
}

.unpaid-sum {
	color: red;
}

.paid-sum {
	color: green;
}

/* ==========================================================================
container styles
========================================================================== */
.page-margin {
	margin: 20px;
}

.auto-margin {
	margin: 0 auto;
}

.inline-block {
	display: inline-block;
}

.chalk-board {
	width: 210px;
	text-align: center;
	font-family: cursive;
	color: #FDFDFD;
	letter-spacing: 2px;
	border: 5px solid #5F5A4E;
	border-radius: 5%;
	background-color: #2C5C40;
}

.error-box {
	margin: 150px auto;
	text-align: center;
}

.form-error {
	color: red;
	margin: 3px;
}

.chalk-board-text-desc {
	width: 210px;
}

/* ==========================================================================
section styles
========================================================================== */

/* ==========================================================================
form styles
========================================================================== */

.form-container {
	margin: 25px auto;
	width: 90%;
	border:1px solid black;
}

.form-container table {

}

.hidden {
	display: none;
}

/* ==========================================================================
list styles
========================================================================== */
.check-mark {
	background-image: url('../images/check-6x.png') !important;
}

#parents_options_container {
	width: 80%;
	margin: 20px auto;
	text-align: center;
}

#parents_options_list {
	list-style-type: none;
	margin: 25px 0 0 0px;
	padding: 0;
}

#parents_options_list h2 {
	
}

#parents_options_container ul li.check {
	background-image: url('../images/x-6x.png'); 
	background-repeat: no-repeat;
	background-position: left;
	margin: 0 auto;
	padding: 12px 0 12px 50px;
	font-size: 1.7em;
	width: 515px;
	overflow: visible;
}

#parents_options_container #parents_options_list ol li {
	font-size: .8em;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#parents_options_container #parents_options_list ol {
	font-size: .8em;
	margin: 0;
	padding: 0;
}

/*#parents_options_list li p {
	width: 150px;
	margin-left: 5px;
	font-size: .8em;
	text-align: right;
}*/

#parents_options_list a {
	text-decoration: none;
}

/* the plus sign */
#parents_options_list .parent_action { 
	float: right; 
	margin: 13px 0 0 8px;
} 

#parents_options_list a:visited {color:blue;}  /* visited link */
#parents_options_list a:hover {color:#AAA;}  /* mouse over link */
#parents_options_list a:active {color:#0000FF;}  /* selected link */

/* ==========================================================================
Helper classes
========================================================================== */