/**
 *    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.
 *
 */

/***************************************************************************************************************/
/**                                                                                                           **/
/**   NOTE: Please do not edit this CSS file directly, it will only make it difficult to update the portal.   **/
/**    ~ Last edited 27th July 2011 (portal version 1.4.6)                                                    **/
/**                                                                                                           **/
/**   Please visit the following page for details on how to create your own CSS file                          **/
/**                                                                                                           **/
/**   http://www.kamar.co.nz/page/104227/How-do-I-customise-the-KAMAR-Parent-Portal#page-5                    **/
/**                                                                                                           **/
/***************************************************************************************************************/

/* Overall theme styles */

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;
		}
			a.footerKamar {
				/* footer kamar link */
				float: right;
				color: #aaaaaa;
				text-decoration: none;
			}

		#admin-link {
			position: absolute;
			top: 2px;
			right: 10px;
		}
			#admin-link a, #admin-link a:link, #admin-link a:visited, #admin-link a:hover {
				color: #dddddd;
				text-decoration: none;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 0.8em;
			}
		
/* Common styles used on a number of pages */

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 {
	/* tables are designed to be left alligned by default */
	text-align: left;
	/* 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;
}

.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;
}

#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;
}

div.directory-listing {
	padding: 5px 20px;
	background-color: #e1e1e1;
}

/* Fees Styles */

#fees_table td {
	padding: 4px 10px;
}

/* Timetable/Attendance Styles */
		
#timetable_table input {
	/*  */
	width: 30px;
}

#tt_selector {
	/*  */
	width: 80px;
}

.tt_day {
	font-weight: normal;
	color: #cccccc;
	font-size: 10px;
}

.tt_date {
	
}

.tt_time {
	color: #000000;
}

.result_attendance_delayed {
	background: #d9d9d9 !important;
}

/* Login page styles */

#loginForm {
	/* style KAMAR Login FORM */
	margin: 100px auto;
	width: 200px;
	text-align: left;
}

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

/* Calendar/Notice styles */

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

/* Library specific styles */

table#circulation_table td.overdue {
	color: red;
	font-weight: bold;
}

/* Course selection specific styles */

div#course-selection {
}
	div#course-selection div.course-selection-slot {
		margin: 5px;
		padding: 5px;
		width: 750px;
		border: 1px solid #cccccc;
	}
	div#course-selection div.course-selection-slot:after {
		content: '.';
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
		div#course-selection div.course-selection-slot div.course-selection-heading {
			font-weight: bold;
		}
		div#course-selection div.course-selection-slot select {
			margin: 5px;
			width: 250px;;
		}
		div#course-selection div.course-selection-slot div.course-selection-description
		{
			float: right;
			width: 450px;
		}
	div#course-selection span.required-slot-flag
	{
		color: #ff0000;
	}

/* Careers specific styles */

div#interview-list {
	float: left;
	width: 250px;
}
	div#interview-list div.viewing-interview {
		background-color: #d9d9d9;
	}
	div#interview-list div.interview {
		margin-bottom: 2px;
		padding: 5px;
		border: 1px solid #cbcbcb;
	}
		div#interview-list div.interview span.interview-title {
			display: block;
			font-weight: bold;
		}
			div#interview-list div.interview span.interview-title a {
				display: block;
				padding: 5px 0px;
				color: inherit;
			}
			div#interview-list div.interview span.interview-title a:hover {
				color: #8888dd;
			}
div#viewing-interview {
	float: left;
	margin-left: 5px;
	padding: 5px;
	width: 480px;
	border: 1px solid #cbcbcb;
}
	div#viewing-interview div.interview-title {
		font-size: 1.5em;
		font-weight: bold;
	}
	div#viewing-interview div.interview-date {
		float: right;
	}
	div#viewing-interview div.interview-teacher {
		font-size: 1.2em;
	}
	div#viewing-interview div#interview-answers {
	}
		div#viewing-interview div#interview-answers div.interview-answer {
			margin-top: 20px;
		}
			div#viewing-interview div#interview-answers div.interview-answer div.interview-answer-question {
				font-size: 1.1em;
				font-weight: bold;
			}
			div#viewing-interview div#interview-answers div.interview-answer div.interview-answer-description {
				margin: 10px 0px;
			}
			div#viewing-interview div#interview-answers input.interview-answers-save {
				float: right;
				margin-top: 10px;
			}

/* Admin Area Styles */

div#configuration-builder {
}
	div#configuration-builder h3 {
		clear: both;
	}
	div#configuration-builder hr {
		clear: both;
	}
	div#configuration-builder div.config-field {
		margin: 10px 0px;
		clear: both;
	}
	div#configuration-builder div.config-field:after {
		content: '.';
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
		div#configuration-builder div.config-field-name {
			float: left;
			width: 150px;
			text-align: right;
		}
		div#configuration-builder div.config-field-value {
			margin-left: 5px;
			float: left;
			width: 200px;
		}
			div#configuration-builder div.config-field-value input {
				width: 180px;
			}
		div#configuration-builder div.config-field-explanation {
			float: left;
			width: 395px;
		}
			div#configuration-builder div.config-field-explanation p {
				margin: 0px;
			}
	div.checkbox-list-config-items:after {
		content: '.';
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
		div#configuration-builder div.checkbox-list-config-items label {
			display: block;
			float: left;
			width: 140px;
			height: 30px;
			min-height: 30px;
			text-align: left;
		}
			div#configuration-builder div.checkbox-list-config-items label span {
				display: block;
				float: left;
				width: 100px;
			}
			div#configuration-builder div.checkbox-list-config-items label input {
				display: block;
				float: left;
				width: 30px;
			}
	div#configuration-builder div.page-security-item:after {
		content: '.';
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
		div#configuration-builder div.page-security-item label {
			display: block;
			float: left;
			width: 185px;
		}

div#course-selection-builder {
}
	div#course-selection-builder h2 {
		margin: 5px 0px;
		padding: 5px;
		background: url('../images/silk/arrow_down.png') no-repeat 98% 50%;
		border-top: 1px solid #ffffff;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}
	div#course-selection-builder h2.expanded {
		background-image: url('../images/silk/arrow_up.png');
		border-top: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
	}
	div#course-selection-builder h2:hover {
		background-color: #bbbbbb;
	}
	div#course-selection-builder h3 {
		margin: 0px;
		padding: 5px;
	}
	div#course-selection-builder p {
		margin: 0px;
	}
	div#course-selection-builder div.config-field {
		float: left;
		margin: 5px 10px;
	}
	div#course-selection-builder div.config-field:after {
		content: '.';
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
		div#course-selection-builder div.config-field-subject-selection select {
			width: 200px;
		}
		div#course-selection-builder div.config-field-subject-title input, div#course-selection-builder div.config-field-line-title input {
			width: 200px;
		}
		div#course-selection-builder div.config-field-subject-description {
			clear: both;
		}
		div#course-selection-builder div.config-field-submit {
			float: right;
		}
	div#course-selection-builder div.line-definition {
		margin: 5px 0px;
		padding: 3px;
		float: left;
		width: 240px;
		font-size: 0.9em;
	}
	div#course-selection-builder div.line-definition.alt {
		background-color: #dfdfdf;
	}
		div#course-selection-builder div.line-definition div {
			display: inline;
		}
		div#course-selection-builder div.line-definition div.line-definition-index {
			font-weight: bold;
		}
		div#course-selection-builder div.line-definition div.line-definition-required {
			margin-right: 20px;
			float: right;
		}
	div#course-selection-builder div.new-line-definition {
		margin: 5px 0px;
		padding: 5px;
		width: 500px;
		border: 1px solid #cbcbcb;
		clear: both;
	}
	div#course-selection-builder div.new-line-definition:after {
		content: '.';
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	div#course-selection-builder div.subject-definitions div.subject-definition {
		padding: 5px;
	}
	div#course-selection-builder div.subject-definitions div.subject-definition.alt {
		background-color: #dfdfdf;
	}
		div#course-selection-builder div.subject-definitions div.subject-definition {
			margin: 5px 0px;
			padding: 3px;
			font-size: 0.9em;
		}
		div#course-selection-builder div.subject-definitions div.subject-definition.alt {
			background-color: #cccccc;
		}
			div#course-selection-builder div.subject-definitions div.subject-definition span.subject-code {
				font-size: 1.5em;
				font-weight: bold;
			}
			div#course-selection-builder div.subject-definitions div.subject-definition span.subject-title {
				font-size: 1.5em;
			}
			div#course-selection-builder div.subject-definitions div.subject-definition div.line-subjects {
				margin-top: 2px;
			}
			div#course-selection-builder div.subject-definitions div.subject-definition div.line-subjects:after {
				content: '.';
				display: block;
				height: 0;
				clear: both;
				visibility: hidden;
			}
				div#course-selection-builder div.subject-definitions div.subject-definition div.line-subjects div.line-subject {
					float: left;
					width: 100px;
				}
					div#course-selection-builder div.subject-definitions div.subject-definition div.line-subjects div.line-subject div.line-index {
						margin-left: 5px;
						display: inline;
					}
					div#course-selection-builder div.subject-definitions div.subject-definition div.line-subjects div.line-subject input {
						float: left;
					}
	div#course-selection-builder div.new-subject-definition {
		margin: 5px 0px;
		padding: 5px;
		width: 500px;
		border: 1px solid #cbcbcb;
		clear: both;
	}
	div#course-selection-builder div.new-subject-definition:after {
		content: '.';
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	div#course-selection-builder div.new-year-definition {
		margin: 5px 0px;
		padding: 5px;
		width: 700px;
		border: 1px solid #cbcbcb;
		clear: both;
	}
	div#course-selection-builder div.new-year-definition:after {
		content: '.';
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	div#course-selection-builder .remove-year-button {
		float: left;
		margin: 8px;
	}
	div#course-selection-builder .remove-line-button, div#course-selection-builder .edit-line-button {
		float: left;
		margin-right: 10px;
	}
		div#course-selection-builder .remove-line-button img, div#course-selection-builder .edit-line-button img {
			width: auto;
			height: 13px;
		}
	div#course-selection-builder .remove-subject-button, div#course-selection-builder .edit-subject-button {
		float: left;
		margin: 0px 5px;
	}