/*-----------------------------------------------------------------------------------
	Copyright (c) 2009, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	version: 2.7.0
-----------------------------------------------------------------------------------*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,
form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
legend{color:#222;}
input,button,textarea,select,optgroup,
option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}

table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/*-----------------------------------------------------------------------------------
	Custom css
-----------------------------------------------------------------------------------*/


html,
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	background-color: #375D81;
	height: 100%;
	color: #222;
}

	body.public,
	html.public {
		background-color: #d8d486;
		background-image: url('bg.jpg');
	}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.clear {
	clear: both;
}

input,
textarea {
	padding: 3px 6px;
	line-height: 16px;
}

button.submit,
input.submit,
label.submit {
	border: 1px solid #A3A3A3;
	padding: 3px 10px;
	font-weight: bold;
	background-color: #e6e6e6;
	display: inline-block; 
	color: #424242; 
	text-decoration: none;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	position: relative;
	cursor: pointer;
	text-align: center;
	margin: 2px;
}

#container {
	width: 800px;
	margin: 0 auto;
	background-color: #fff;
	min-height: 100%;
}

	#container_inner {
		padding: 10px 40px;
	}
	
	#header {
		padding: 10px 0;
		text-align: center;
		border-bottom: 1px solid #375D81;
		margin-bottom: 20px;
	}
	
		#header h1 {
			color: #444;
			font-size: 24px;
		}
		
		#header a {
			color: #666;
			float: right;
			margin-top: -26px;
		}


#nav {
	clear: right;
}

	#nav a {
		float: right;
		
		font-size: 16px;
		color: #555;
		font-weight: bold;
		text-decoration: underline;
	}
	

h1 {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0;
}

h2 {
	font-size: 20px;
	margin: 10px 0;
	color: #222;
	font-weight: bold;
}

a {
	color: rgb(12, 73, 111);
}

.help {
	color: #666;
	font-style: italic;
}

.error {
	font-size: 14px;
	color: #c00;
	font-weight: bold;
}

.backlink {
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}


#course_list {
	width: 500px;
	margin: 20px auto;
	font-size: 14px;
	line-height: 20px;
}

	#course_list .course {
		margin: 15px 0;
		padding-bottom: 15px;
		border-bottom: 1px solid #ccc;
	}
	
		#course_list h3 a.course_title {
			font-weight: bold;
		}
		
		#course_list h3  span {
			color: #666;
		}
	
	
		#course_list .course .contact {
			margin-top: 5px;
		}
		
		#course_list .course .edit {
			float: right;
			font-size: 12px;
		}
		
			#course_list.admin_mode .course .edit {
				margin-top: 12px;
			}
	
	#new_course {
		margin-top: 30px;
		text-align: right;
	}
	
		#new_course form {
			text-align: left;
		}
	
	#course_list .course_form {
		margin: 30px auto;
	}
	
	.course_form {
		margin: 0 auto;
		width: 430px;
	}
		
		.course_form .field {
			clear: left;
			margin: 10px 0;
		}
		
		.course_form label {
			display: block;
			width: 150px;
		}
		
			.course_form .checkbox_field label {
				float: left;
			}
			
			.course_form .checkbox_field input {
				margin-top: 4px;
			}
		
		.course_form .text,
		.course_form select {
			width: 400px;
		}
		
		.course_form .new_contact {
			margin-top: 30px;
		}
		
		.course_form div.submit {
			padding-top: 30px;
			text-align: right;
		}
		
			.course_form div.submit .delete_link {
				color: #c00;
				float: left;
				margin-top: 8px;
			}



.registration_form {
	width: 440px;
	margin: 0 auto;
	font-size: 13px;
}

	.registration_form strong {
		display: block;
		margin: 20px 0 20px 0;
	}

	.registration_form h3 {
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 20px;
	}

	#reg_course_list {
		padding-left: 15px;
	}
	
		#reg_course_list h2,
		#reg_course_list h3 {
			text-align: center;
			text-transform: uppercase;
			font-size: 16px;
			margin: 15px 0 10px 0;
		}
		
			#reg_course_list h2 {
				text-align: left;
			}
		
			#reg_course_list h2 a,
			#reg_course_list h3 a {
				color: #333;
			}
			
				#reg_course_list h3 a {
					font-size: 13px;
				}
		
		#reg_course_list .sub_1 {
			border-bottom: 1px solid #ccc;
			margin: 30px 0;
		}
		
			#reg_course_list .sub_children {
				margin-left: 30px;
			}
		
	#reg_course_list .course {
		margin: 0;
		border-bottom: 1px solid #ccc;
	}
	
		#reg_course_list .course label {
			display: block;
			padding: 12px 5px 12px 5px;
			line-height: 20px;
		}
		
			#reg_course_list label.is_selected {
				background-color: #D3E3F2;
			}


	.registration_form .reg_details .field {
		clear: left;
		margin: 10px 0;
	}
	
	.registration_form .reg_details label {
		display: block;
		float: left;
		text-align: right;
		padding-right: 10px;
		width: 100px;
		padding-top: 5px;
	}
	
	.registration_form .reg_details .text {
		width: 220px;
	}
	
		.registration_form .reg_details .field_age {
			width: 30px;
		}
	
	.registration_form div.submit {
		padding-top: 30px;
		text-align: right;
	}
	
		.registration_form.in_progress div.submit .submit {
			
		} 
	
		.registration_form div.submit .delete_link {
			color: #c00;
			float: left;
			margin-top: 8px;
		}
		
	.registration_form .reg_details {
		margin-top: 20px
	}
	
	
.registration_form_public {
	width: 550px;
}
	
	.registration_form_public .reg_details {
		width: 440px;
		margin: 40px auto 0 auto;
	}
	
	.registration_form_public .course label .contact {
		font-size: 12px;
		color: #666;
	}
	

#registration_list {
	
}

	#registration_list h2 {
		line-height: 26px;
	}

	#registration_list .reg {
		width: 500px;
		margin: 5px auto;
		padding: 10px 0;
		border-bottom: 1px solid #ccc;
		
		font-size: 14px;
		line-height: 22px;
	}
	
	
	#registration_list ol li {
		list-style-type: decimal;
	}
	
	#registration_list .reg .edit {
		float: right;
		margin-top: 12px;
		font-size: 12px;
	}
	
		#registration_list .reg_editing .edit {
			display: none;
		}
	
	#registration_list .registration_form {
		margin: 20px;
		padding: 10px 0;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
	}
	
	
	#reg_new {
		text-align: right;
	}
	
		#reg_new form {
			text-align: left;
		}
		
	

#user_list {
	width: 500px;
	margin: 20px auto;
	font-size: 14px;
	line-height: 20px;
}

	#user_list .user {
		margin: 15px 0;
		padding-bottom: 15px;
		border-bottom: 1px solid #ccc;
	}

		#user_list .user h3 {
			margin-top: 5px;
		}
		
		#user_list .user span {
			font-weight: bold;
			color: #333;
		}
		
		#user_list .user .edit {
			float: right;
			font-size: 12px;
		}


.user_form {
	
}

	.user_form .field {
		clear: left;
		margin: 10px 0;
	}

	.user_form label {
		display: block;
		float: left;
		width: 150px;
	}

	.user_form .text,
	.user_form select {
		width: 220px;
	}
	
	.user_form div.submit {
		padding-top: 30px;
		text-align: right;
	}
	
		.user_form div.submit .delete_link {
			color: #c00;
			float: left;
			margin-top: 8px;
		}


#user_cred {
	width: 300px;
	margin: 0 auto;
}

	#user_cred h2 {
		margin-bottom: 30px;
	}

	#user_cred .field {
		clear: left;
		margin: 10px 0;
	}

	#user_cred .text {
		width: 220px;
	}
	
	
	#user_cred div.submit {
		padding-top: 10px;
		text-align: right;
	}
	
	#user_cred .tik_login {
		padding-top: 30px;
		text-align: center;
	}
	
		#user_cred .tik_login div {
			margin-bottom: 15px;
		}
		
		#user_cred .tik_login a {
			font-size: 14px;
			font-weight: bold;
		}

#courses_newreg {
	margin-top: 20px;
}

	#courses_newreg .main_logo {
		text-align: center;
	}
	
	#courses_newreg .footer {
		border-top: 1px solid #ccc;
		
		margin-top: 20px;
		padding-top: 10px;
		color: #555;
		text-transform: uppercase;
		text-align: center;
	}
		
		#courses_newreg .footer div {
			margin-bottom: 5px;
		}
		
		#courses_newreg .footer img {
			vertical-align: middle;
		}

	#courses_newreg h2.maintitle {
		text-align: center;
	}

	#reg {
		margin-top: 50px;
	}
		
		#reg p.intro {
			width: 400px;
			margin: 0 auto;
			font-size: 16px;
			line-height: 24px;
			text-align: center;
		}
		
		#reg noscript {
			display: block;
			text-align: center;
			font-size: 16px;
			color: #c00;
		}
	
	#reg_loading {
		text-align: center;
	}
	
		#reg_loading strong {
			display: block;
			margin-top: 10px;
		}
	
	
		
	#reg_create {
		margin-top: 40px;
		display: block;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
	}

#registration_done {
	padding: 100px 0;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
}

	#registration_done .reg_error {
		color: #c00;
	}