body {
	margin:				0;
	padding:			0;
	color:				#000000;
	min-width:			600px;
	max-width:			1000px;
	font-family:		Microsoft JhengHei UI, Arial;
	font-size:			18px;
}

#dailybreadHeader {
	border-collapse:	collapse;
	border:				0;
	width:				100%;
}

.headSweeter {
	border:				0;
	padding:			0;
	vertical-align:		top;
	text-align:			center;
}
.headOdb {
	border:				0;
	padding:			0 5px;
	vertical-align:		top;
	text-align:			center;
}
.headCalendar {
	border:				0;
	padding:			0;
	vertical-align:		top;
	width:				190px;
}

.sweeterLink:link, .sweeterLink:visited {
	display:			block;
	border-radius:		10px;
	padding:			10px;
	text-decoration:	none;
	background-color:	#0099bb;
	color:				#000066;
	text-align:			center;
	font-size:			20px;
	font-weight:		bold;
}
.sweeterLink:hover, .sweeterLink:active {
	background-color:	#00aacc;
	color:				#ffffff;
}

#odbLink:link, #odbLink:visited {
	display:			block;
	border-radius:		10px;
	padding:			10px;
	text-decoration:	none;
	background-color:	#eebb00;
	color:				#664200;
	text-align:			center;
	font-size:			20px;
	font-weight:		bold;
}
#odbLink:hover, #odbLink:active {
	background-color:	#ffcc00;
	color:				#ffffff;
}

.noLink {
	display:			block;
	border-radius:		10px;
	padding:			10px;
	height:				26px;
	text-decoration:	none;
	background-color:	#999999;
	color:				#ffffff;
	text-align:			center;
	font-size:			20px;
}

.container {
	border-radius:		10px;
	height:				38px;
	background-color:	#eeeeee;
	padding-top:		8px;
	text-align:			center;
}

#dateSelect {
	font-size:			18px;
}

#passageArea {
	margin-top:			5px;
	border-radius:		10px;
	background-color:	transparent;
	border:				2px solid #57bfc2;
	padding:			10px 20px 15px 10px;
}

.noPassage {
	margin-top:			5px;
	border-radius:		10px;
	border:				2px solid #999999;
	background-color:	transparent;
	padding:			10px;
	color:				#999999;
}

.bookTitle {
	margin:				10px;
	color:				#990000;
	font-size:			3vw;
	font-weight:		bold;
}

.passageTable {
	border-collapse:	collapse;
	border:				0;
	width:				100%;
}

.passageTable td {
	border:				0;
	vertical-align:		top;
	padding-bottom:		8px;
}

/* Hover tooltips */
.field-tip {
    position:relative;
    cursor:help;
}
    .field-tip .tip-content {
        position:absolute;
        top:20px; /* - top padding */
        right:9999px;
        width:180px;
        margin-right:-240px; /* width + left/right padding */
        padding:10px;
        color:#fff;
        background:#6666ff;
        -webkit-box-shadow:2px 2px 5px #aaa;
           -moz-box-shadow:2px 2px 5px #aaa;
                box-shadow:2px 2px 5px #aaa;
        opacity:0;
        -webkit-transition:opacity 250ms ease-out;
           -moz-transition:opacity 250ms ease-out;
            -ms-transition:opacity 250ms ease-out;
             -o-transition:opacity 250ms ease-out;
                transition:opacity 250ms ease-out;
    }
        /* <http://css-tricks.com/snippets/css/css-triangle/> */
        .field-tip .tip-content:before {
            content:' '; /* Must have content to display */
            position:absolute;
            top:50%;
            left:-16px; /* 2 x border width */
            width:0;
            height:0;
            margin-top:-8px; /* - border width */
            border:8px solid transparent;
            border-right-color:#6666ff;
        }
        .field-tip:hover .tip-content {
            right:-20px;
            opacity:1;
        }