body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
label {
	width: 220px;
}

input,
select,
textarea {
    max-width: 280px;
}

.clear {
	clear: both;
	float: none;
}

.big-print {
    font-size: 140%;
}

.page-panel {
	margin: 20px 0;
}

.month-container {
	min-width: 350px;
	min-height: 300px;
	margin-right: 29px;
	float: left;
}
.month th {
    padding: 8px 10px;
    min-width: 50px;
    border: 1px solid #FFF;
    background-color: #EEE;
    text-align: center;
}

.month td.empty {
	border-width: 0px;
}
.month td {
	padding: 8px 10px;
	min-width: 50px;
	border: 1px solid #DDDDDD;
	text-align: center;
}

.month .min-day {
	background-color: #fbeda1;
}

.month .max-day {
	background-color: #fce76f;
}

.fertile-day {
	background-color: #eefcc9;
}

.sure-day {
	background-color: #ddfb91;
}

.best-day {
	background-color: #b6ff00;
}

.cool {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    line-height: 1.428571429;
    color: #333333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 4px;
}