/*
	Theme Name: ETP Northwest
	Theme URI: http://etpnorthwest.org
	Description: A theme for ETPNW
	Version: 1.0
	Author: Grady Britton
	Author URI: http://gradybritton.com
	Tags: etpnw, kaiser, octc
*/


*{outline: 0px dotted red;}
html{height: 101%;}
body{
	margin: 0; padding: 0 0 20px 0;
	background: #fff;
	color: #333; font-size: 12px; font-family: helvetica, arial;
	text-align: center;
	background: #eef3d6;
}

.red{color: #a00 !important;}

ol li {padding-bottom: 5px;}
	ol li a span{text-decoration: underline;}

	.container{
		display: block;
		margin: 50px auto; padding: 0;
		width: 960px;
		text-align: left;
		border: 1px solid #47720c;
		position: relative;
		background: #fff;
	}
	
	.homepage{
		width: 658px !important;
		border: 0 !important;
		background: #eef3d6 !important;
		text-align: left !important;
	}
		.homepage .homepage_banner{display: block; float: left; margin: 0; padding: 0; height: 476px;}
		.homepage .homepage_banner img{margin: 0 0 0 -49px; padding: 0;}
	
	.intropage{
		border: 1px solid #a3bd0b !important;
		background: #a3bd0b !important;
		text-align: center !important;
	}
	
		.intropage .intropage_movie{
			display: block;
			margin: 125px auto 0; padding: 0;
			width: 575px;
		}
		
		.intropage .intropage_links{
			display: block;
			margin: 30px auto 100px; padding: 0;
			width: 575px; height: 76px;
		}
			.intropage .intropage_links h1{
				display: block;
				margin: 0 0 0 40px; padding: 0;
				width: 201px; height: 76px;
				background: transparent;
				float: left; clear: none;
			}
				.intropage .intropage_links h1 a{
					display: block;
					margin: 0; padding: 0;
					width: 201px; height: 76px;
					text-decoration: none; color: #fff; text-indent: -5000px;
					background: transparent url(./_img/intro_kaiser_logo.png) 0 0 no-repeat;
					
				}
			.intropage .intropage_links h2{
				display: block;
				margin: 0 40px 0 0; padding: 0;
				width: 112px; height: 76px;
				background: transparent;
				float: right; clear: none;
			}
				.intropage .intropage_links h2 a{
					display: block;
					margin: 0; padding: 0;
					width: 112px; height: 76px;
					text-decoration: none; color: #fff; text-indent: -5000px;
					background: transparent url(./_img/intro_octc_logo.png) 0 0 no-repeat;
				}
	
		.head{
			display: block;
			margin: 0; padding: 0;
			width: 653px; height: 77px;
			background: #fff url(./_img/hdr_bg2.png) 0 0 no-repeat;
			position: relative;
		}
			.head h1{
				display: block;
				margin: 0; padding: 0;
				width: 146px; height: 77px;
				position: absolute; top: 0; left: 0;
			}
				.head h1 a{
					display: block;
					margin: 0; padding: 0;
					width: 146px; height: 77px;
					text-decoration: none;
					text-indent: -5000px;
					background: transparent url(./_img/hdr_kais_logo.png) 0 0 no-repeat;
				}
			.head h2{
				display: block;
				margin: 0; padding: 0;
				width: 131px; height: 77px;
				position: absolute; top: 0; right: 0;
			}
				.head h2 a{
					display: block;
					margin: 0; padding: 0;
					width: 131px; height: 77px;
					text-decoration: none;
					text-indent: -5000px;
					background: transparent url(./_img/hdr_octc_logo.png) 0 0 no-repeat;
				}
		
		.navi{
			display: block;
			margin: 0; padding: 0;
			width: 653px; height: 77px;
			position: relative;
		}
			.navi ul{
				display: block;
				margin: 0; padding: 0;
			}
				.navi ul li{display: block; position: relative;}
				.navi ul li{
					display: block;
					margin: 0; padding: 0;
					text-indent: 0;
					list-style: none;
					position: absolute;
					z-index: 0;
				}
				.navi ul li a{
					display: block;
					margin: 0; padding: 0;
					text-indent: -5000px;
					-moz-opacity: .9;
				}
					.navi ul li.page-item-34,
					.navi ul li.page-item-34 a{
						width: 147px; height: 35px;
						top: 0px; left: 120px;
						background: transparent url(./_img/nav_home.png) 0 0 no-repeat;
					}
					.navi ul li.page-item-3,
					.navi ul li.page-item-3 a{
						width: 122px; height: 76px;
						top: 0px; left: 0px;
						background: transparent url(./_img/nav_about.png) 0 0 no-repeat;
					}
					.navi ul li.page-item-7,
					.navi ul li.page-item-7 a{
						width: 147px; height: 43px;
						top: 35px; left: 120px;
						background: transparent url(./_img/nav_productions.png) 0 0 no-repeat;
						z-index: 300;
					}
					.navi ul li.page-item-9,
					.navi ul li.page-item-9 a{
						width: 127px; height: 76px;
						top: 0px; left: 267px;
						background: transparent url(./_img/nav_educators.png) 0 0 no-repeat;
						z-index: 200;
						
					}
					.navi ul li.page-item-11,
					.navi ul li.page-item-11 a{
						width: 130px; height: 76px;
						top: 0px; left: 394px;
						background: transparent url(./_img/nav_students.png) 0 0 no-repeat;
						z-index: 100;
					}
					.navi ul li.page-item-13,
					.navi ul li.page-item-13 a{
						width: 128px; height: 76px;
						top: 0px; left: 524px;
						background: transparent url(./_img/nav_contact.png) 0 0 no-repeat;
					}
					
					.navi ul li ul{display: none;}
					.navi ul li.hidesub ul{display: none;}
					.navi ul li.hover ul,
					.navi ul li:hover ul{
						display: block;
						margin: 0; padding: 0;
						width: 180px; 
						position: absolute; top: 50px; left: 0;
						z-index: 5000;
						background: transparent;
					}
						.navi .shorter-drop ul,
						.navi ul li.page-item-7:hover ul{
							top: 30px !important; left: 27px !important;
						}
						.navi ul li ul li{
							display: block;
							margin: 0; padding: 0px 0;
							width: 180px;
							position: static;
							background: transparent !important;
							float: left; clear: left;
							border: 1px solid #fff;
						}
							.navi ul li ul li a{
								display: block;
								margin: 0; padding: 5px;
								width: 170px !important; height: 12px !important;
								text-align: left;
								background: #eef3db !important;
								background-image: none !important;
								text-indent: 0;
								position: static;
								font-weight: normal;
								color: #396110;
								text-decoration: none;
							}

								.navi ul li ul li a:hover,
								.navi ul li ul li a:active,
								.navi ul li ul li a.active{
									background: #dee2c5 !important;
								}

					.navi ul li a{}
						.navi ul li a:hover,
						.navi ul li a:active,
						.navi ul li.hover a{
							background-position: bottom left;
						}
			
		.homepage_navi{
			display: block;
			margin: -3px 0 0 0; padding: 0;
			width: 658px; height: 76px;
			position: relative;
			float: left; clear: none
		}
			.homepage_navi ul{
				display: block;
				width: 658px;
				margin: 0 !important; padding: 0 !important;
				float: left; clear: none;
			}
				.homepage_navi ul li{
					display: block;
					margin: 0; padding: 0;
					text-indent: 0;
					list-style: none;
					float: left; clear: none;
					position: relative;
					z-index: 0;
				}
				.homepage_navi ul li a{
					display: block;
					margin: 0; padding: 0;
					text-indent: -5000px;
					-moz-opacity: .9;
				}

					.homepage_navi ul li.page-item-3,
					.homepage_navi ul li.page-item-3 a{
						width: 142px; height: 76px;
						background: transparent url(./_img/home_nav_about.png) 0 0 no-repeat;
					}
					.homepage_navi ul li.page-item-7,
					.homepage_navi ul li.page-item-7 a{
						width: 129px; height: 76px;
						background: transparent url(./_img/home_nav_productions.png) 0 0 no-repeat;
						z-index: 300;
					}
					.homepage_navi ul li.page-item-9,
					.homepage_navi ul li.page-item-9 a{
						width: 124px; height: 76px;
						background: transparent url(./_img/home_nav_educators.png) 0 0 no-repeat;
						z-index: 200;
						
					}
					.homepage_navi ul li.page-item-11,
					.homepage_navi ul li.page-item-11 a{
						width: 119px; height: 76px;
						background: transparent url(./_img/home_nav_students.png) 0 0 no-repeat;
						z-index: 100;
					}
					.homepage_navi ul li.page-item-13,
					.homepage_navi ul li.page-item-13 a{
						width: 144px; height: 76px;
						background: transparent url(./_img/home_nav_contact.png) 0 0 no-repeat;
					}
					.homepage_navi ul li.page-item-602 a {
						font-weight: bold;
						background: #CCC;
						border-top:5px solid #396110;	
					
					}
					
					.homepage_navi ul li ul{display: none;}
					.homepage_navi ul li.hidesub ul{display: none;}
					.homepage_navi ul li.hover ul{
						display: block;
						margin: 0; padding: 0;
						width: 180px;
						position: absolute; top: 50px; left: 0;
						z-index: 5000;
						background: transparent;
					}
						.homepage_navi .shorter-drop ul{
							top: 65px !important; left: 00px !important;
						}
						.homepage_navi ul li ul li{
							display: block;
							margin: 0; padding: 0px 0;
							width: 180px !important;
							position: static;
							background: transparent !important;
							float: left; clear: left;
							border: 1px solid #fff;
							}
							
							.homepage_navi ul li ul li a{
								display: block;
								margin: 0; padding: 5px;
								width: 180px !important; height: 12px !important;
								text-align: left;
								background: #eef3db !important;
								background-image: none !important;
								text-indent: 0;
								position: static;
								font-weight: normal;
								color: #396110;
								text-decoration: none;
							} .homepage>.homepage_navi ul li ul li a{width: 170px !important;}
								.homepage_navi ul li ul li a:hover,
								.homepage_navi ul li ul li a:active,
								.homepage_navi ul li ul li a.active{
									background: #dee2c5 !important;
								}

					.homepage_navi ul li a{}
						.homepage_navi ul li a:hover,
						.homepage_navi ul li a:active,
						.homepage_navi ul li.hover a{
							background-position: bottom left;
						}

		
		.cont{
			display: block;
			margin: 0; padding: 15px 30px 30px;
		}
		
			.btn_go{
				display: block;
				width: 30px; height: 15px;
				background: transparent url(./_img/btn_go.png) 0 0 no-repeat;
				text-indent: -5000px;
				clear: none;
			}
				.btn_go:hover{background-position: bottom left;}
		
			.cont .sifr{
				/*width: 330px;*/
				overflow: hidden;
				}
			.cont h2{
				display: block;
				/*width: 330px;*/
				margin: 0; padding: 15px 0 5px;
				font-size: 140%;
				color: #555;
			}
			
				.cont h2.sub-header{margin: -15px 0 5px; font-size: 120%; width: 330px; color: #555;}
				
			.cont h3{
				margin: 20px 0 5px; padding: 0;
				font-size: 120%;
				color: #444;
			}
				.cont h3 span{
					font-size: 80%;
					color: #777 !important;
					font-weight: normal;
				}
			.cont h4{
				margin: 0 0 10px; padding: 0;
				font-size: 105%;
				color: #555;
			}
				.cont h4 span{
					font-size: 90%;
					color: #777 !important;
					font-weight: normal;
				}
			
			h1 span, h2 span, h3 span, h4 span{
				color: #c927bc;
				font-weight: normal;
			}
			
			h1 small, h2 small, h3 small, h4 small{
				font-weight: normal;
			}
			.cont p{
				margin: 0; padding: 5px 0;
				line-height: 140%;
			}
			.cont .image,
			.cont .image:hover{
				display: block;
				float: right;
				margin: -60px 0 10px 15px; padding: 0;
				border :0;
				text-align: center;
				text-decoration: none;
			}
				.cont .image span{
					display: block;
					margin: -5px 0 0 0; padding: 10px 5px;
					width: 188px;
					border: 0px solid #d0d7ba;
					font-size: 90%;
					color: #777;
					font-weight: normal;
				}
			
			.cont a,
			.cont a img{
				color: #a3bd0b;
				text-decoration: none;
				border: 0;
			}
			.cont a:hover,
			.cont a:active{
				text-decoration: underline;
			}
				.clear{clear: both;}
			
			#downloads ul{
				margin: 0; padding: 0;
				list-style: none;
			}
				#downloads ul li{
					float: left; clear: left;
				}
				
				#downloads ul li a{
					display: block;
					margin: 0 0 5px 0;
					background: #fff;
					border: 1px solid #d0d7ba !important;
					width: 515px;
					padding: 11px 10px 8px 35px;
					background: url(./_img/download_icon_flat_small.png) 10px 8px no-repeat;
					color: #333;
					font-size: 120%;
					font-weight: normal;
				}
					#downloads ul li a:hover{
						text-decoration: none;
						background-color: #f2f4cf;
						color: #46720b;
					}
			
			.student_resources, .resources{
				display: block;
				margin: 20px 0 0 0; padding: 5px 10px;
				width: 877px;
				background: #fff;
				border: 1px solid #d0d7ba !important;
				position: relative;  float: right; clear: both;
			} .resources {padding-top: 0px;}
				a.resources{
					width: 830px;
					padding: 12px 10px 10px 55px;
					background: url(./_img/download_icon_flat.png) 10px 9px no-repeat;
					color: #333;
				}
					a.resources big{
					}
					a.resources:hover{
						background-color: #f2f4cf;
						text-decoration: none;
						color: #46720b;
					}
					a.resources img{
						border: 0; float: right;
						margin-right: 0px; margin-top: -3px;
					}
			
				.resources h2{float: left;}
					.resources a{text-decoration: none; color: #333;}
					.resources img{float: left; margin-right: 20px;}
				.student_resources .buttons{
					display: inline;
					margin: 0px 10px 0 0px; padding: 7px 0 0 0;
					list-style: none; 
					float: left; clear: none;
				}
					.student_resources p{display: inline; float: left; clear: none;}
						ul.buttons li{
							display: block;
							width: 90px; height: 37px !important;
							margin: 0px 4px; padding: 0;
							float: left; clear: none;
						}
							 ul.buttons li a{
								display: block;
								margin: 0; padding: 0;
								width: 90px; height: 37px !important;
								text-indent: -5000px; text-align :center; text-decoration: none; color: #fff; font-weight: bold;
								background: transparent;
								float: right;
							}
								ul.buttons li a.btn_AFDraps{
									background: transparent url(./_img/btn_AFDraps.png) center 0 no-repeat;
								}
								ul.buttons li a.btn_music{
									background: transparent url(./_img/btn_music.png) center 0 no-repeat;
								}
								ul.buttons li a.btn_books{
									background: transparent url(./_img/btn_books.png) center 0 no-repeat;
								}
								ul.buttons li a.btn_websites{
									background: transparent url(./_img/btn_websites.png) center 0 no-repeat;
								}
								ul.buttons li a.btn_downloads{
									background: transparent url(./_img/btn_downloads.png) center 0 no-repeat;
								}
								ul.buttons li a.btn_study_guide{
									background: transparent url(./_img/btn_study_guide.png) center 0 no-repeat;
								}
								ul.buttons li a.btn_resources{
									background: transparent url(./_img/btn_resources.png) center 0 no-repeat;
								}
								
								ul.buttons li a:hover,
								ul.buttons li a.active{
									background-position: bottom center;
								}
					#books, #websites, #music, #downloads, #study_guide, #resources{
						display: block;
						background: transparent;
						margin: 20px 0 0 0; padding: 15px;
						width: 867px;
						float: left;
					}
					#websites, #music{
						padding-top: 25px;
					}
						.entry>#books, .entry>#websites, .entry>#music, .entry>#downloads, ,entry>#resources{
							background: transparent url(./_img/resources_shadow.png) 0 0 no-repeat;
						}
					
					
					#music_downloads{
						display: block;
						background: transparent;
						width: 508px; height: 70px;
						margin: 0px 15px 15px; padding: 98px 15px 25px;
						position: relative;
					}
						.m_if{ background: transparent url(./_img/music_if_bg.png) 0 0 no-repeat !important; }
						.m_afd{ background: transparent url(./_img/music_afd_bg.png) 0 0 no-repeat !important; }
						#music_downloads ul{margin: 0; padding: 0; list-style: none;}
							#music_downloads ul li{margin: 0; padding: 0; list-style: none;}
								.music{
									display: block;
									position: absolute;
									background: transparent 0 0 no-repeat;
									text-indent: -5000px;
								}
									/* start if music */
									
									.m_if .through_the_day{
										width: 124px; height: 44px;
										top: 85px; left: 25px;
										background-image: url(./_img/music_through_the_day.png);
									}
									
									.m_if .the_futures_song{
										width: 107px; height: 44px;
										top: 85px; left: 149px;
										background-image: url(./_img/music_the_futures_song.png);
									}
									
									.m_if .what_to_do{
										width: 145px; height: 44px;
										top: 85px; left: 250px;
										background-image: url(./_img/music_what_to_do.png);
									}
									
									.m_if .if_tomorrow_was_yours{
										width: 121px; height: 44px;
										top: 85px; left: 395px;
										background-image: url(./_img/music_if_tomorrow_was_yours.png);
									}
									
									.m_if .what_i_wish_for{
										width: 177px; height: 19px;
										top: 125px; left: 0px;
										background-image: url(./_img/music_what_i_wish_for.png);
									}
									
									/* end if music */
									
									/* start afd music */
									
									.m_afd .afd_theme_song{
										width: 162px; height: 16px;
										top: 120px; left: 35px;
										background-image: url(./_img/music_afd_theme_song.png);
									}
									
									.m_afd .afd_rap{
										width: 80px; height: 15px;
										top: 110px; left: 225px;
										background-image: url(./_img/music_afd_rap.png);
									}
									
									.m_afd .afd_rap_remix{
										width: 145px; height: 16px;
										top: 100px; left: 350px;
										background-image: url(./_img/music_afd_rap_remix.png);
									}
									
									/* end afd music */
					
		
			.homepage_cont{
				display: block;
				margin: 0; padding: 10px 0 0 0;
				width: 658px;
				clear: both; float: left;
				background: #a3bd0b;
			}
			body>.homepage_cont{
				width: 658px;
			}
			.homepage_sidebar{
				display: inline;
				margin: 0; padding: 14px 0 14px 30px;
				width: 139px;
				float: left; clear: none;
			}
				.homepage_sidebar a p{
					padding: 0px 0px 5px 0px;
					margin: 0;
					color: #fff;
					font-size: 95%;
					text-decoration: none !important;
					text-align: left;
				}
					.homepage_cont>.homepage_sidebar a p{
						padding-right: 10px;
					}
				.homepage_sidebar a img{border: 0;}
				.homepage_sidebar a{
					text-decoration: none !important;}
			.homepage_main{
				display: inline;
				margin: 0; padding: 15px 30px 14px 0px;
				width: 450px;
				float: right; clear: none;
				color: #fff;
				text-align: left;
			}
				.homepage_main h2{
					margin: 5px 0 -5px; padding: 0;
					font-size: 100%;
					font-weight: bold;
					color: #fff;
				}
				
				.homepage_main p{
					line-height: 140%;
					font-size: 90%;
				}
		
		.foot{
			display: block;
			margin: 0; padding: 0;
		}
	
	
	

.accessibility{ display: none; }
	
	
	
	

.music_popup{
	display: block;
	margin: 0 auto 50px; padding: 0;
	width: 508px;;
	text-align: left;
	font-family: arial;
}
	.music_popup #music_downloads{margin-left: 0 !important;}
	.music_popup .cont{
		display: block;
		margin: 0; padding: 0 0 0 15px;
	}
	.music_popup .foot{
		display: block;
		margin: 20px 0 0 0; padding: 0;
		height: 86px; width: 520px;
		background: transparent url(./_img/afd_popup_foot.png) top center no-repeat;
	}

	.download_songs{
		display: block;
		margin: -30px 0 0 0; padding: 0;
		width: 122px; height: 13px;
		background: transparent url(./_img/download_mp3.png) 0 0 no-repeat;
		float: right; text-indent: -5000px;
	}


/* WDYS styles */

.cont #wdysLeftCol {
	width:600px;
	float:left;
}
	.cont #wdysLeftCol h1 {
		font-size: 16pt;
	}
	.cont #wdysLeftCol h2 {
		font-size: 14pt;
		padding: 15px 0 0 0;
		width:100%;
	}
	.cont #wdysLeftCol small {
		color:#aaa;
	}
	.cont #wdysLeftCol hr {
		border:1px solid #ccc;
		border-width:0 0 1px 0;
	}
	.cont #commentform input {
		border: 1px solid #aaa;
		padding:3px;
	}
	.cont .commentlist li {
		margin: 0 0 1em 0;
	}
	.cont #wdysGalleryArea {
		width:620px;
		float:left;
	}
		.cont #wdysGalleryArea .galleryPostWrapper {
			width: 190px;
			height: 300px;
			float: left;
			margin: 0 15px 15px 0;
			overflow: hidden;
		}
	.cont #wdysLeftCol img.alignleft {
		float:left;
		margin:25px 20px 10px 0;
	}
.cont #wdysRightCol {
	width: 250px;
	float:right;
	margin: 0 0 0 2em;
}

.cont #wdysRightCol h2 {
	width: 100%;
}

	.cont #wdysCatList {
		list-style: none;
		margin: 0 0 1em 0; padding:0;
	}
		.cont #wdysCatList li{
			margin: 10px 0 0 0;
			line-height: 130%;
		}
		.cont #wdysCatList li a{
			font-weight: normal;
		}
	.cont #wdysLatestPostsList {
		list-style: none;
		margin: 0 0 1em 0; padding:0;
	}
		.cont #wdysLatestPostsList li{
			margin: 10px 0 0 0;
		}
	.cont #wdysPageList {
		list-style: none;
		margin: 0 0 20px 0; padding:0;
	}
		.cont #wdysPageList li{
			margin: 10px 0 0 0;
		}

img.alignleft {
	float: left;
	margin: 10px 20px 20px 0;
	}

hr {
	border:1px solid #C6D38C;
	border-width: 1px 0 0 0;
}
	
/* highslide */


.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(/wp/wp-content/themes/etpnorthwest.org/_js/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(/wp/wp-content/themes/etpnorthwest.org/_js/highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}




.alignleft{float: left; margin: 0px 10px 10px 0px;}
.alignright{float: right; margin: 0px 0px 10px 10px; }













.resources_table{
	margin: 0 0 15px 0;
	padding: 0;
}

	.resources_table td{
		padding: 10px;
		border-bottom: 1px solid #dfdfdf;
	}

















/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */
/* @import "calendar.css";							  */

.cform { 
	margin:10px auto 0 auto; 
	width: 420px; 
}

.cform fieldset	{ 
	margin-top:10px; 
	padding:5px 0 5px 0; 
	border:none;
}

.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend { 
	margin:0;
	padding:0; 
	font:normal 18px Helvetica; 
	color: #aaa;
	letter-spacing:3px;
}

ol.cf-ol { 
	margin:0!important; 
	padding:15px 0 0 0!important; 
	border-top:1px solid #f2f2f2;
}
ol.cf-ol li	{
	background:none!important; 
	margin:5px 0!important; /*some themes may interfere otherwise*/
	padding:0; 
	list-style:none!important; 
	text-align:left;
	line-height:1.1em;
}


/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly {
	color:#888888;
	font-size:1em;
	letter-spacing:2px;
	margin:12px 0pt !important;
	padding:0pt 0pt 0pt 100px;
}


/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.cform label {
	width:80px; 
	margin:4px 10px 0 0; padding-left: 5px;
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	text-align:left;
	vertical-align:top;
	color: #333;
	font:0.9em Trebuchet MS,sans-serif;
	float: left;
}
.cform label span {
	width:90px; /* must be the same as above!*/
	display:block; 
}

label.cf-before {
	margin:4px 10px 0 0; 
}

label.cf-after 	{
	margin:4px 2px 0pt 6px;
	text-align:left;
	width:75px;
}

label.cf-after span {
	width:75px;
	display:block;
}

label.cf-group-after {
	margin:4px 0 0 2px;
	width:60px;
	text-align:left;
}
label.cf-group-after span {
	width:60px;
	display:block;
}

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,
.cform textarea,
.cform select { 
	padding:3px;
	border:1px solid #aaa; 
	font:0.9em Trebuchet MS,sans-serif;
	color:#888;
	background:#ffffff url(../images/field-bg-top.gif) repeat-x top left;
	vertical-align:top;
	float: right;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	border: 1px solid #d1dc83;
	background:#ffffff url(../images/field-bg-bottom.gif) repeat-x bottom left; 
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	color:#333;
	background:#ffffff url(../images/field-bg-bottom.gif) repeat-x bottom left; 
}

.cform textarea,
.cform input {
	width:293px; margin-right: 5px;
}
.cform select {
	width:301px; /* attempt to have equal length */ margin-right: 5px;
}  

.cform select.cfselectmulti	{ 
	height:7.5em; 
}

.cform textarea {
	font-family: arial;
	font-size: 0.9em;
	overflow:auto;
}

/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt,
span.emailreqtxt { 
	margin:0px 5px 7px 98px;
	display: block; 
	width: 310px;
	vertical-align:top; text-align: right;
	color: #a00;
	font-size: 80%;;
	line-height:1.2em;
}


/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title {
	color:#888888;
	font-size:1em;
	letter-spacing:2px;
	margin:12px 0pt 0 !important;
	padding:0pt 0pt 0pt 100px;
}

/*                                                    */
/*   check boxes                                      */
/*                                                    */

input.cf-box-a,
input.cf-box-b 	{ 
	margin:1px 0 0 0; 
	width:16px; 
	height:22px;
	border:none!important;
	background:none!important;
}

input.cf-box-a 	{ 
	margin-left:100px; /* check with label 'width' incl. */
} 


/*                                                    */
/* check box groups                                   */
/*                                                    */

ol.cf-ol li.cf-box-group {
	padding: 0 0 5px 100px; 
} 


/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {
	margin: 0;
	padding:0pt 3px 0pt 0pt !important;
	text-align:right;
}
.cform input.sendbutton	{ 
	width:100px;  
	padding:2px; 
	margin: 0 0 0 100px;
	font-size:0.8em;
	background:url(../images/button-bg.gif) repeat-x; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
}

/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err {
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px;
	padding:5px 0!important;
	margin:5px 0!important;
}

ol.cf-ol li ul.cf_li_text_err {
	margin:0 0 0 10px;
	padding:0;
	color:#333;
}

ol.cf-ol ul.cf_li_text_err li {
	background:url(icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}

/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */
label.secq,
label.seccap {
	vertical-align:text-bottom;
	margin-bottom:4px;
}

input.secinput {
	vertical-align:text-bottom;
}

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	height:15px;
	width:100px;
	padding: 4px 4px;
	margin: 0;
	vertical-align:text-bottom;
}

img.captcha	{
	vertical-align:text-bottom;
	margin:0 0 0 10px!important;
	padding:0!important;
	border:none!important;
	float:none!important;
}

img.captcha-reset {
	vertical-align:text-bottom;
	background:	url(captcha_reset_white.gif) no-repeat;
	margin:0 0 2px 3px;
	width:21px;
	height:21px;
	border:none;
}

img.imgcalendar {
	border:none;
}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info {
	color:#333;
	display:none;
	padding:10px 5px!important;
	width:410px;
	line-height:1.3em;
	margin:10px auto;
}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
}
div.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
div.cf_info a	{
	color:red!important;
	text-decoration:underline!important;
}
div.success {
	background:#f2f4cf none repeat scroll 0%;
	color:#a00;
	display:block;
	border-color:#46720b;
	border-style:solid;
	border-width:1px;
}
div.failure {
	display:block;
	background:#a00 url(li-err-bg.png) repeat!important;
	border-color:#a00;
	border-style:solid;
	border-width:1px;
	color: #fff; font-weight: bold;
}
div.waiting {
	background:#F9F9F9;
	color:#AAAAAA;
	display:block;
}
/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error { 
	color:red; 
	border:1px solid #a00; 
}
div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:red; 
}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

p.cf_info 		{
	margin:10px 0;
	text-align:center;
}
p.success 	{
	color:green;
}
p.failure 	{
	color:red;
}

/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

[disabled] {
	color:#dddddd;
	border-color:#dddddd!important;
	background:none!important;
}
.disabled {
	border-color:#dddddd!important;
}

/*                                                    */
/* upload box styling                                 */
/*                                                    */

.cform input.cf_upload  {
	width:220px;
	background: #f9f9f9;
	border:1px solid #888888;
}

/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove {
	display: none;
}



/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
*+html ol.cf-ol,
*+html ol.cf-ol li	{
	display: inline-block;  /*for ie7*/
}
* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt { 
	display: inline-block;
}
* html .cform legend { 
	position:absolute; 
	left: -8px; 
	top:0;
	margin-left:0;
}
*+html .cform legend { 
	position:absolute; 
	left: -8px;
	top:0;
	margin-left:0;
}
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
*+html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html img.captcha	{
	margin-bottom:1px!important;
}
*+html img.captcha	{
	margin-bottom:1px!important;
}