/*----------------------------------
  Food for Life Activity Log
  Main CSS - Last updated 10/09/07
  By Ollie Bettany / Nameless
----------------------------------*/ 

/*---------------
  Generic stuff 
-----------------*/

	body {
		font-family: verdana, sans-serif;
		font-size: 70%;
		color: #000;
		background: #FFF url("/_images/furniture/header.jpg") center 26px repeat-x;
	}

	* {             
		margin: 0;
		padding: 0;
	}
		
	img {
		border: 0;
	}
	
	/*	
	big {
		color: #686868;
		margin-left: 10px;
	}
    
		tr.message big {
			background: #FF0;
			font-weight: bold;
			font-size: 120%;
			margin-left: 0;
		}
		
		#main .inner .contactdetails big, 
		#main .inner .orgdetails big {
			margin-left: 0;
		}
	*/

		div#pagination,
		h3,
		legend {
			font-size: 120%;
			display: block;
			background-color: #a6cf42;
			color: #FFF;
			padding: 10px 5px 10px 10px;
			margin: 15px 0;
			clear: both;
		}
	
	h4 {
		color: #686868;
		font-size: 130%;
		margin: 0.8em 1em;
		font-weight: normal
	}
		
	a {
		color: #0d9377; 
		text-decoration: underline;
	}
		
	.hide {
		display: none;
	}
	

/*---------------
  Header stuff 
-----------------*/

		div.inner > p{
			margin-left: 13px;
			margin-top: 5px;
		}

		div#header{
			background: transparent url("/_images/furniture/tabs_background.png") bottom left repeat-x;
			text-align: center;
		}

		div.inner {
			width: 750px;
			text-align: left;
			margin: 0 auto;
		}

			div#header div.inner {
				height: 128px;
			}

			div#header div h1 {
				margin-left: 4px;
			}
			
				div#header div h1 img {
					margin-top: 15px;
				}

			div#header div h2 {
				text-align: right;
			}
			
			div#header div p {
				float: right;
				margin-top: 5px;
			}
            
        
/* Main area */

	div#main {
		text-align: center;
		background: #FFF url("/_images/furniture/main_background.png") top left repeat-x; 
		padding: 14px 0;
	}
    
	div.hr {
		clear: both;
		background: #FFF url("/_images/furniture/hr.png") top left repeat-x;
		height: 4px;
		margin: 1em 0;
	}

		div.hr hr {
			display: none;
		}
    
	
/* Tables */      

	table {
		border-collapse: collapse;
		width: 100%;
		margin-bottom: 2em;
	}

			table tr td {
				padding: 3px 0;
				border-right: solid 1px #FFF;
				border-top: solid 1px #FFF;
				background: #eee;
			}
		
				table tr.alternate td {
					background: #e1e1e1;
				}
			
				table tr.deleting td {
					background: #ffd1de;
				}
	
				table tr.message td {
					background: #FFF;
				}

					table tr td div {
						height: 100%;
						padding: 4px 0 4px 1em;
						color: #000;
					}

					table tr td img {
						margin-left: 5px;
					}

				table tr th {
					font-size: 120%;
					font-weight: normal;
					border-left: solid 1px #a6cf42; 
					border-right: solid 1px #a6cf42;
					padding: 0 1em 1em 1em;
					color: #686868;
					background-color: transparent;
				}


/* Main form items */

	div.form_element, 
	div.form_buttons {
		margin: 8px 0;
		padding: 0;
	}

	label {
		display: block;
		float: left;
		clear: left;
		width: 125px;
		margin: 0px 12px 8px 0;
		text-align: right;
		color: #5d5d5d;
		background: white;
	}

	div.sys_required {
		width: 0;
		height: 0;	
		float: left;
		color: #a6cf42;
		position: relative;
	}

		div.sys_required span {
			display: block;
			position: absolute;
			left: -1em;
			top: 0; 
		}
		
	
/* leftblock, rightblock, wideinput etc */
	
			div.rightblock div.form_element div.sys_required span {
				margin-top: 8px;
			}
	
		div.leftblock,
		div.rightblock {
			position: relative;
			float: left;
			margin-right: 15px;
			width: 358px;
		}
		
		div.leftblock p,
		div.fullwidth p {
			margin: 5px 0 0 135px;
		}
							
		div.rightblock p {
			margin: 5px 0 0 0;
		}
				
			div.leftblock div.form_element input, 
			div.rightblock input {
				width: 200px;
				margin: 0;
			}
				
			div.leftblock select, 
			div.rightblock select,  
			div.leftblock textarea {
				width: 204px;
			}
				
			div.leftblock img {
				clear: both;
				/* margin: 0 0 1em 0;*/
			}
					
			div.rightblock textarea {
				width: 365px;
			}
					
			div.fullwidth input, 
			div.fullwidth textarea {
				width: 745px;
			}
									
			div.rightblock label {
				text-align: left;
				margin-top: 8px;
				width: auto;
			}
				
			div.rightblock table {
				margin-left: 20px;
				width: 400px;
			}
			
				div.rightblock table#contacts {
					width: 449px;
				}
			
		div.wideinput {
			width: 317px;
		}
		
			#main .inner div.wideinput img {
				margin-left: 0;
				margin-bottom: 10px;
			}
			
			
			div.wideinput label {
			 	float: left;
			 	width: auto;
			 	text-align: left;
			 	margin: 0 0 5px 10px;
			}
				
			div.wideinput div.form_element input, 
			div.wideinput div.form_element select {
				padding-left: 8px;
				width: 313px;
				clear: left;
			}
				
			div.wideinput div.form_element select {
				width: 322px;
			}
				
			div.wideinput div.sys_required,
			div.wideinput div.sys_required span {
				position: relative;
				display: inline;
				/*
				left: 0px;
				*/
			}
	

/* generic form stuff */	
	
	input, select, textarea { 
		border: solid 1px #AAA;
	}
	
		div.form_error input, 
		form div.form_error select, 
		form div.form_error textarea { 
			border: solid 1px #d71448;
			background: #fdf3f6;
		}
					
	form div.form_error label, 
	form div.form_error p {
		color:  #d71448;
	}
		
	form div.form_buttons {
		text-align: right;
		width: 100%;
		clear: both;
	}
		
		form div.form_buttons input {
			border: 0;
			width: auto;
		}
	

/* School profile */

		img#schoollogo {
			float: left;
			margin: 0 1em;
		}
				
/*-----------------------
 PAGINATION 
 ------------------------*/
/* may not be required in schools activity log */

	#pagination {
		font-size: 110%;
		width: 735px;
	}
			
		#pagination ul {      
			float: right;
			list-style-type: none;
		}
		
		#pagination li {
			display: inline;
			padding: 0 9px 0 0;
			margin: 0 0 0 3px;
			background: transparent url('/_images/furniture/dot.png') no-repeat right center;
		}
		
			#pagination li a {
				color: #FFF;
				font-weight: bold;
			}
		
				#pagination li a:hover {
					text-decoration: none;
				}
			
			#pagination li.last {
				background-image: none;
			}
					
/*-----------------------
 FOOTER 
 ------------------------*/

	div#footer {
		border-top: solid 1px #a6cf42;
		padding-top: 1em;
		text-align: center;
		clear: both;
		height: 105px; 
	}
	
		div#footer div.inner {
			margin: 16px auto;
		}
		
		div#footer div img {
			float: left;
		}
		
	
/*-------------------------------------
 food for life
 schools activity log
 custom css developed by ollie
 nameless 230807
-------------------------------------*/

/* generic styles */

	input, select {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		padding: 1px;
	}
	
	#footer .inner img {
		padding-bottom: 20px;
	}

	#header .inner p {
		margin-top: 5px;
	}
	
/* home text */

	#main .inner p {
		margin: 5px 0 10px 10px;
		/*
		float: left;
		width: auto;
		clear: both;
		*/
	}
	
	#main .inner ol {
		margin: 0 15px 0 42px;
		padding-left: 0;
		clear: both;
	}
	
	#main .inner li {
		padding: 0;
		margin: 20px 0 0 0;
		font-size: 1.3em;
		clear: both;
	}
	
		#main .inner li h4,
		#main .inner li p {
			margin: 0;
		}
		
		#main .inner li h4 {
			margin: 0 0 5px 0;
			font-size: 1em;
		}
		
		#main .inner li p {
			font-size: 0.75em;
			margin: 0 0 8px 0;
		}
	

/* general layout */
	
		#main .inner {
			float: none;
			clear: none;
			background: none;
			margin: 0 auto;
		}
		
/* main tabs */

		div#header ul#main_tabs {
			width: 750px;
			height: 32px;
			margin: 0 auto;  
			clear: both;
    		text-align: left;      
		}

    		div#header ul#main_tabs li,
			div#main .inner ul#sub_tabs li {
				float: left;
				height: 32px;
				background: #e6f4c2 url("/_images/furniture/tab.png") top right no-repeat;
				padding: 0px;
				margin: 0 4px;
				list-style-type: none;
				font-size: 1em;
				clear: none;
    		}
			
				div#header ul#main_tabs li a,
				div#main .inner ul#sub_tabs li a {
					display: block;
					background: transparent url("/_images/furniture/tab_left.png") top left no-repeat;
					padding: 10px 10px 9px 10px;
					color: #000;
					text-decoration: none;
				}
    
				div#header ul#main_tabs li.selected,
				div#main .inner ul#sub_tabs li.selected { 
					background: #fff url("/_images/furniture/tab_on.png") top right no-repeat;
				}
        
					div#header ul#main_tabs li.selected a,
					div#main .inner ul#sub_tabs li.selected a { 
						background-image: url("/_images/furniture/tab_left_on.png");
					}
		
/* sub tabs */

			
			#main .inner #sub_tabs {	
				padding: 0 0 0 15px;
				list-style: none;
				float: left;
				clear: both;
				width: 732px;
				min-height: 69px;
				background: #fcfef7 url(/_images/background/sub_tabs_bground.gif) no-repeat 0 2px;
			}
		
/* form */
		
			#main .inner form {
				margin-bottom: 20px;
				display: inline;
				/*
				float: left;
				*/
				clear: both;
			}
		
				#main .inner form h3 {
					float: left;
					clear: both;
					width: 735px;
				}
			
			#main .inner form input {
				float: left;
				clear: both;
			}
			
			#main .inner form .form_element label {
				width: auto;
				clear: both;
				float: none;
				margin: 0 0 5px 10px;
				text-align: left;
			}
		
			#main .inner form .leftblock {
				margin-left: 10px;
			}
			
			#main .inner form .form_element {
				float: left;
				clear: both;
				margin-bottom: 25px;
			}
			
				#main .inner form .form_element input {
					clear: none;
				}
				
				#main .inner form #form_profile_day {
					width: 4em;
				}
				
				#main .inner form #form_profile_month {
					width: 5em;
				}
				
				#main .inner form #form_profile_year {
					width: 5em;
				}
				
			#main .inner form .mceEditor {
				margin-left: 2px;
			}	
			
			#main .inner form .submit {
				margin-bottom: 15px;
			}
			
				#main .inner form .submit input {
					float: right;
					border: 0;
				}	
			
/* login form */

			
			#main .inner #form_login .form_element,
			#main .inner #form_login #form_login_nav {
				margin: 0 0 15px 15px;
			}
			
			#main .inner #form_login #form_login_nav input {
				margin: 10px 0 20px 0;
			}
			
/* Login error */

	#main .inner .error {
		margin-left: 5px;
	}
	
		#main .inner .error p {
			margin: 0 0 5px 0;
		}
		
		#main .inner .error ul {
			margin-left: 20px;
			font-size: 0.8em;
			clear: both;
		}
		

/* message box */

			#main .inner .notice_left {
				background: transparent url(/_images/background/infobox_bground_top_315.gif) no-repeat left top;
				width: 315px;
				margin: 0;
				padding: 4px 0 0 0;
				float: left;
				clear: both;
			}
			
				#main .inner .notice_left .notice_down {
					background: transparent url(/_images/background/infobox_bground_bottom_315.gif) no-repeat left bottom;
					width: 295px;
					padding: 4px 10px 10px 10px;
					margin-bottom: 0;
					float: left;
					clear: both;
				}		
		
					#main .inner .notice_left p {
						background: transparent url(/_images/background/infobox_qmark.gif) no-repeat 0 0;
						padding: 0 0 10px 25px;
						margin: 0;
						min-height: 23px;
						float: left;
						clear: both;
						width: 270px;
					}
									
	
/* update profile admin tool 
   CUSTOM STYLES */	

		.profile #main .inner form .fullwidth label {
			display: none;
		}
			
				.profile #main .inner form .form_element input {
					float: left;
				}
			
				.profile #main .inner form .submit input {
					margin-bottom: 15px;
				}	
			

/* update blog admin tool 
   CUSTOM STYLES */	

/* form */

	.blog #main .inner form .form_element {
		clear: none;
		margin: 0 0 20px 15px;
	}	
		
		.blog #main .inner form .form_element select {
			width: auto;
		}	
		
			.blog #main .inner form #form_profile_title {
				width: 723px;
				padding: 2px;
				font-size: 1.4em;
			}
			
			.blog #main .inner form #form_profile_type {
				margin-right: 25px;
			}
			
			.blog #main .inner form .submit {
				float: right;
			}
			
			.blog #main .inner form .submit input {
				float: none;
				margin-right: 5px;
			}
			
			.blog #main .inner form .form_error p {
				margin: 5px 0 0 5px;
				float: left;
				clear: both;
			}
			
			.blog #main .inner form #form_profile_title {
				float: left;
			}

/* blog content */

	#main .inner .blog {
		margin: 0 0 10px 0;
		padding-top: 15px;
		float: left;
		border-top: 1px solid #a6cf42;
		width : 100%;
	}	

		.blog #main .inner h3 {
			margin-bottom: 0px;
		}
		
		.blog #main .inner form h3 {
			margin-bottom: 15px;
		}

		#main .inner .blog h4 {
			margin: 0 0 3px 15px;
			font-size: 1.4em;
			font-weight: bolder;
		}
	
		#main .inner .blog .date {
			margin: 0 0 15px 15px;
			font-size: 1.2em;
			font-weight: bolder;
		}
		
		#main .inner .blog .content {
			margin: 0 0 25px 15px;
			font-size: 1.1em;
		}
	
			#main .inner .blog .content p {
				margin: 0 0 10px 0;
			}
			
			#main .inner .blog .content ul {
				margin: 0 0 10px 25px;
				width: auto;
				clear: both;
			}
			
			#main .inner .blog .content ol {
				margin: 0 0 10px 31px;
				width: auto;
				clear: both;
			}
			
			#main .inner .blog .content li {
				margin-bottom: 3px;
				font-size: 1em;
			}
	
		#main .inner .blog .buttons {
			float: left;
		}
	
			#main .inner .blog .buttons img {
				float: right;
				margin: 0 0 0 10px;
			}
			
/* blog delete */

		#main .inner .deleting {
			border: 0;
		}
		
			#main .inner .deleting .buttons {
				padding-bottom: 0;
			} 

			#main .inner .deleting .content {
				background-color: #fdf9fa;
				border: 1px solid #d61447;
				padding: 5px;
				float: left;
			} 

		#main .inner .delete {
			float: left;
			padding: 15px;
			margin-bottom: 15px;
			width: 722px;
			background-color: #fef2f6;
		}
		
			#main .inner .delete .delete-message {
				float: left;
				background: transparent url(../_images/background/infobox_qmark.gif) no-repeat left;
				padding-left: 30px;
				font-weight: bold;
				width: 400px;
			}
			
				#main .inner .delete .delete-message em {
					font-weight: normal;
					font-size: 0.9em;
				}
		
			#main .inner .delete .delete-action {
				float: right;
			}

				#main .inner .delete .delete-action img {
					margin-left: 10px;
				}


/* progress against the mark admin tool 
   CUSTOM STYLES */
   
/* general layout */

		.mark #main #container {
			float: left;
			clear: both;
			background: transparent url(/_images/background/form_bground.gif) no-repeat left bottom;
			width: 747px;
			margin: 7px 0 20px 0;
			padding-bottom: 10px;
		}		
			

/* message box */
							
			.mark #main .inner .notice_left {
				background: transparent url(/_images/background/infobox_bground_bottom_480.gif) no-repeat left bottom;
				width: 480px;
				margin: -15px 0 0 17px;
				padding: 0;
				float: left;
				clear: both;
			}
			
				.mark #main .inner .notice_left .notice_down {
					background: transparent url(/_images/background/infobox_bground_top_480_qmark.gif) no-repeat left top;
					width: 435px;
					padding: 7px 10px 10px 35px;
					margin-bottom: 0;
					float: left;
					clear: both;
					min-height: 21px;
				}		
		
					.mark #main .inner .notice_left p {
						padding: 0 0 25px 35px;
						margin: 0;
						float: left;
						clear: both;
						background: none;
						width: 300px;
					}
					
/* form */
		
			.mark #main .inner form {
				float: left;
				clear: both;
				display: inline;
				margin: -25px 0 10px 15px;
				width: 717px;
			}
			
				.mark #main .inner form input {
					border: 0;
					float: right;
					margin-right: 1px;
				}
		
/* table */		
		
			.mark #main .inner table {
				margin-bottom: 15px;
			}
			
				.mark #main .inner table th {
					padding: 0;
					border: 2px solid #fff;
					border-top: none;
					
				}
					.mark #main .inner table th.markstatus {
						padding: 0 0 5px 5px;
					}
				
					.mark #main .inner table th div {
						background-color: #a6cf42;
						color: #fff;
						padding: 7px;
						font-size: 1em;
						font-weight: bolder;
						margin-top: 20px;
						text-align: left;
					}
					
						/*
						.mark #main .inner table tr#group1 th {
							border-left: transparent;
						
						}
						*/
					
						.mark #main .inner table tr#group1 th div {
							margin-top: 35px;
						}
					
				.mark #main .inner table td {
					border: 2px solid #fff;
					border-bottom: none;
					padding: 7px;
					font-size: 1.1em;
				}
			
						.mark #main .inner table td a:hover {
							text-decoration: none;
						}
					
					.mark #main .inner table td input {
						margin-left: 33%;
						float: none;
					}
					
						.mark #main .inner table td.outstanding {
							background-color: #fbcdd0;
						}
						
						.mark #main .inner table td.inprogress {
							background-color: #f8f3c3;
						}
						
						.mark #main .inner table td.complete {
							background-color: #deedbb;
						}
					
					.mark #main .inner table th.markstatus {
						background-color: transparent;
						color: #000;
						font-size: 0.8em;
						white-space: nowrap;
						vertical-align: bottom;
						padding-right: 0px;
						width: 39px;
					}
					
/* subquestion */

	#main .inner table tr.subquestion td {
		border-top: none;
	}

		#main .inner table tr.subquestion td div {
			float: left;
			clear: both;
			padding: 0;
			margin: 0;
			width: 100%;
		}
		
			#main .inner table tr.subquestion td div strong {
				font-size: 0.9em;
			}

		#main .inner table tr.subquestion td div.subquestionitem {
			clear: none;
			margin: 4px 3px 3px 0;
			width: auto;
		}
	
			#main .inner table tr.subquestion td div.subquestionitem label,
			#main .inner table tr.subquestion td div.subquestionitem input {
				float: left;
				clear: none;	
				margin: 0;
				width: auto;
			}
			
			#main .inner table tr.subquestion td div.subquestionitem label {
				background: transparent;
				margin: 0 20px 0 3px; 
				font-size: 0.9em;
			}
			
			#main .inner table tr.subquestion td div.subquestionitem input {
				margin: 2px 0 0 0;
			}


/* ----------------------- */
 /* Gallery */
/* ----------------------- */

	.profile #main .inner form #picture_gallery {
		float: left;
		width: 750px;
	}

		.profile #main .inner form #picture_gallery h3 {
			margin-top: 10px;
		}

		.profile #main .inner form #picture_gallery p.image-note {
			margin-left: 5px;
		}

	.profile #main .inner form #picture_gallery div.school_picture {
		background: #FFFFFF url(/_images/furniture/hr.png) repeat-x scroll left top;
		margin: 10px 0;
		padding-top: 10px;
		float: left;
		width: 750px;
	}

	.profile #main .inner form #picture_gallery div.school_picture.first {
		background: none;
	}

		.profile #main .inner form #picture_gallery div.school_picture img {
			float: right;
			margin: 0 5px;
		}

		.profile #main .inner form #picture_gallery div.school_picture div.school_picture_fields {
			float: left;
			width: 340px;
			margin-left: 5px;
		}

		.profile #main .inner form #picture_gallery.fullwidth div.school_picture div.form_element {
			float: none;
			clear: none;
			margin-bottom: auto;
		}

			.profile #main .inner form #picture_gallery.fullwidth div.school_picture div.form_element label {
				display: inline;
				text-align: left;
				float: none;
				width: auto;
				margin: 0 12px 2px 0;
			}

			.profile #main .inner form #picture_gallery div.school_picture div.form_element input {
				width: 340px;
				margin-top: 2px;
				float: none;
			}

			.profile #main .inner form #picture_gallery div.school_picture div.form_element input.formelement_checkbox {
				width: auto;
				float: none;
			}