body, td, th {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}
.clearer {
	font-size: 0;
	line-height: 0;
	clear: both;
}
.hide {
	display: none;
}
.capitalize {
	text-transform: capitalize;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.red {
	color: red;
}
input[type='text'] {
	padding: 5px;
	border: 1px solid #999;
	border-radius: 3px;
}
h3 {
	font-size: 16px;
	color: #C0231E;
	background: #eee;
	padding: 5px;
	border-radius: 3px;
}
#iframe {
	width: 780px;
}
	#iframe .errors {
		color: red;
		font-weight: 700;
	}
	#iframe a,
	#iframe .required {
		color: #000;
		text-decoration: none;
		font-weight: 700;
	}
	#iframe #title {
		margin: 0 0 10px;
		background: #999;
		font-weight: 700;
		font-size: 21px;
		padding: 0 0 0 6px;
		line-height: 38px;
		color: #fff;
		text-shadow: 1px 1px 3px #333;
	}
	#iframe-content {
		margin: 10px;
	}
		#iframe-content .box {
			float: left;
			width: 340px;
			margin: 15px;
		}
			#iframe-content .box .info {
				height: 150px;
				width: 300px;
				padding: 15px;
				border: 1px solid #ccc;
				border-radius: 5px;
				display: block;
				background: #eee;
			}
				#iframe-content .box .info:hover {
					background: #fff;
				}
				#iframe-content .box .info span {
					font-size: 18px;
					color: red;
					line-height: 21px;
					padding: 5px 5px 10px 0px;
					margin: 0;
				}
			#iframe-content .box .google {
				height: 20px;
			}
		#iframe-content-calendar {
			margin: 20px;
		}
			#iframe-content-calendar .cal {
				border-spacing: 2px;
				border-collapse: separate;
			}
				#iframe-content-calendar .cal td {
					padding: 4px 7px;
					font-size: 13px;
					text-align: center;
					margin: 2px;
				}
				#iframe-content-calendar .cal .dates {
					background: #eee;
					cursor: pointer;
				}
					#iframe-content-calendar .cal .dates:hover {
						background: #fff;
					}
					#iframe-content-calendar .cal .r {
						font-weight: 100;
					}
					#iframe-content-calendar .cal .r_t {
						font-weight: 100;
						color: #888;
					}
					#iframe-content-calendar .cal .r_t_,
					#iframe-content-calendar .cal .r_ {
						font-weight: 700;
						color: red;
					}
				#iframe-content-calendar .cal .weekend {
					background: #F0C5C5;
				}
				
				
		#iframe-content-navi {
			margin: 30px 0 20px;
		}
			#iframe-content-navi-30 {
				width: 30%;
				float: left;
				text-align: center;
				margin: 10px 0 0;
			}
			#iframe-content-navi-40 {
				width: 40%;
				float: left;
				text-align: center;
			}
				#iframe-content-navi-40 div {
					margin: 0 30px;
					font-size: 16px;
					color: #333;
					background: #eee;
					padding: 3px;
					border: 1px dotted #ccc;
					border-radius: 3px;
					font-weight: 700;
				}
			#iframe-content-navi .title {
				font-size: 14px;
				color: #333;
				background: #eee;
				padding: 3px;
				border: 1px dotted #ccc;
				border-radius: 3px;
				font-weight: 700;
				width: 100%;
			}
		.iframe-content-columns {
			float: left;
			margin: 0 20px 20px;
			width: 213px;
		}
			.iframe-content-columns table {
				width: 100%;
			}
				.iframe-content-columns table td {
					border-bottom: 1px dotted #ccc;
					font-size: 12px;
					padding-left: 5px;
					height: 26px;
				}
					.iframe-content-columns table td.no-border {
						border-bottom: none;
					}
						.iframe-content-columns table td.no-border div {
							font-size: 16px;
							color: #333;
							background: #eee;
							padding: 3px;
							border: 1px dotted #ccc;
							border-radius: 3px;
							font-weight: 700;
							width: 100%;
						}
			.iframe-content-columns a {
				padding: 4px 2px;
				background: #00B735;
				cursor: pointer;
				border: 0 solid #fff;
				font-size: 12px;
				font-weight:  normal;
				text-transform: capitalize;
				float: left;
				border-radius: 3px; 
				color: #fff !important;
				text-align: center;
				width: 70px;
				overflow: hidden;
				margin: 2px;
				font-weight: 100 !important;
			}
				.iframe-content-columns a:hover {
					background: #74CC74; color: #fff;
				}
				.iframe-content-columns a:active {
					background: #eee;
				}
		#iframe .round-input-box {
			padding: 5px;
			border: 1px solid #999;
			border-radius: 3px;
			margin: 5px 5px 5px 0;
		}
		#iframe .round-input-submit {
			padding: 8px 0;
			background: #00B735;
			cursor: pointer;
			border: 0 solid #fff;
			font-size: 14px;
			font-weight: bold;
			text-transform: capitalize;
			float: left;
			border-radius: 5px; 
			color: #fff;
			text-align: center;
		}
			#iframe .round-input-submit:hover {
				background: #74CC74;
			}
			#iframe .round-input-submit:active {
				background: #eee;
			}