/**
 *    KAMAR WEB INTERFACE
 *    KAMAR Limited
 *
 *    http://www.kamar.co.nz
 *
 *    @package Kamar
 *
 *    Copyright 2009, KAMAR Limited.
 *    NOTE: Use of this source code is subject to the terms of the KAMAR
 *    License which accompanies this code. Your use of this source code
 *    signifies your agreement to such license terms and conditions.
 *    Code is developed by KAMAR for use with KAMAR only and is copyright
 *    and is intellectual property of KAMAR Limited.
 *
 */


body {
	/* general body stlye */
	margin: 0px 0px 20px;
	padding: 0px;
	width: 100%;
	height: 100%;
	font: 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #464646;
	background: #f1f1f1;
}


a,
a:link,
a:active,
a:visited,
a:focus,
a:hover,
a img {
	/* basic link styling */
	border: none;
	text-decoration: underline;
	color: #000099;
}

	#wrap {
		/* #wrapper constrains the overall width and centerd the KAMAR Site */
		margin: 20px auto;
		width: 970px;
	}
	
		#header {
			/* School or KAMAR top Banner */
			float: left;
			width: 930px;
			padding: 20px;
			background: #dbdbdb url('../images/kamar.gif') no-repeat right 10px;
		}
		
		#container {
			/* content continer - wraps the navigation and acutal page content */
			float: left;
			width: 970px;
			height: 100%;
			overflow: hidden;
		}
		
			#navigation {
				/* left column navigation */
				float: left;
				width: 180px;
				min-height: 99%;
				padding: 0px 0px 5000px 0px;
				margin: 0px 0px -5000px 0px;
				border-right: 1px solid #cbcbcb;
			}
			
				#navigation ul,
				#navigation ul li {
					/* navigatin list style */
					padding: 0px;
					margin: 0px;
					list-style: none;
				}
				
				#navigation li a {
					/* each navigation item */
					border-bottom: 1px solid #cbcbcb;
					text-decoration: underline;
					padding: 4px;
					display :block;
				}
				
				#navigation li a:hover {
					/* navigation hover/avtice state */
					background: #dbdbdb;
				}
			
			#wrapper {
				/* main body copy wrapper */
				float: left;
				width: 750px;
				padding: 10px 10px 5000px 10px;
				margin: 0px 0px -5000px 0px;
			}
			
		#footer {
			/* Footer Banner Styles */
			float: left;
			width: 930px;
			padding: 20px;
			background: #dbdbdb;
		}
		

		table {
			/* general table styles, used in most views. */
			float: left;
			width: 700px;
			text-align: left;
			border-collapse: collapse;
			margin-bottom: 30px;
		}
		
		tr { margin: 0; }
		
		th, td {
			/* table cells */
			padding: 10px;
			border: 1px solid #ccc;
		}
		
		tfoot td {
			/* table footer cells */
			font-size: 11px;
		}
		
		.kamar-table th,
		.kamar-table td {
			/* no border on result cells */
			border: none;
		}
		
		.indent {
			/* smallens and indents text */
			font-size: 11px;
			padding: 0 10px 20px 20px;
		}
		
		.result_subject {
			/*  */
			color: #000000;
			background: #e9e9e9;
		}
		
		.result_increase {
			/*  */
			font-size: 12px;
			text-indent: 30px;
		}
		
		.result_tile {
			font-size: 11px;
			padding: 0 10px 20px 50px;
		}
		
		.result_comment_left {
			/*  */
			font-size: 10px;
			padding-top: 0px;
			padding-left: 60px;
		}
		
		.result_comment {
			/*  */
			font-size: 10px;
			padding-top: 0px;
		}
		
		.result {
			/*  */
			font-size: 11px;
		}
				
		.notice_top {
			/*  */
			border-top: 1px solid #69c;
		}
		.notice_title {
			/*  */
			width: 400px;
		}
		
		.no-bottom-pad {
			padding-bottom: 0;
		}
		
		.bottom-border {
			/*  */
			border-bottom: 1px solid #ff0000;
		}
		#calendarDropdown {
			/*  */
			width: 200px;
		}
		.calendarDOW {
			/*  */
			color: #339;
		}
		
		.calendarFILL {
			/*  */
			color: #fff;
			background: #900;
		}
		
		#fees_table td {
			padding: 4px 10px;
		}
		#timetable_table {
			/*  */
			
		}
		
			#timetable_table input {
				/*  */
				width: 30px;
			}
			
			
			#tt_selector {
				/*  */
				width: 80px;
			}
			
			.tt_day {
				font-weight: normal;
				font-color: #cccccc;
				font-size: 10px;
			}
			
			.tt_date {
				
			}
			
			.tt_time {
				color: #000000;
			}
			
#loginForm {
	/* stlye KAMAR Login FORM */
	margin: 100px auto;
	width: 200px;
	text-align: left;
}

.clear {
	/* clear float. */
	float: left;
	clear: both;
	width: 100%;
}

.hidden {
	/* sets display to hidden */
	display: none;
}

.panel {
	/*  */
	opacity: 0;
	display:none;
}

#hideNotification {
	/*  */
	float: right;
	border: none;
}

#loginUsername,
#loginPassword {
	/* basic text input styling */
	color: #000000;
	font-size: 16px;
	border: 1px solid #464646;
	width: 220px;
}

#notification {
	/* notification box */
	margin: 10px auto;
	display: block;
	width: 600px;
	padding: 10px;
	text-align: center;
}

	.error {
		/* Error Notification Styles */
		border: 1px solid #990000;
		color: #990000;
		background: #ffbaba;
	}
	
	.success {
		/* Success Notification Styles */
		border: 1px solid #117504;
		color: #117504;
		background: #c2ffba;
	}
	
table.kamar-table {
	/* table overview details */
	width: 90%;
	border: none;
} 

a.footerKamar {
	/* footer kamar link */
	float: right;
	color: #aaaaaa;
	text-decoration: none;
}

div#calendar-controls {
	width: 80%;
	margin: 10px auto;
}
	div#calendar-controls span.calendar-control {
		margin: 0px 20px;
	}