.bubble {
	font: 1em "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* Normal Bubble */
div.bubble {
	width: auto;
	font-size: 0.75em;
	margin-bottom: 24px;
}

div.bubble h1#city {
	font:14px/18px Georgia, "Times New Roman", Times, serif;
	text-align:center; color: #cc3300;
	margin: 10px 0 20px 0;
	font-weight: bold; 
	font-size: 3em;
}

div.bubble h3 {
	margin: 10px 20px 10px 20px;
	font-size: 1.3em;
	color: #6e6e6e;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(../images/tip.gif) no-repeat 20px 0;
	font-style: normal;
}

/* Rounded Bubble */
div.bubble div.rounded {
	margin-bottom: 10px;
	border: 3px solid #ffc56e;
	background-color: #ffffff;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite.rounded {
	position: relative;
	margin: 0px;
	padding-left: 15px;
	padding-top: 12px;
	top: 9px;
	background: transparent url(../images/tip-rounded.gif) no-repeat 15px 0;
}
div.bubble .centeredBubble {
	vertical-align:middle;
	display:block;margin:auto;
}
div.bubble p.triangle{background:url(../images/tip-rounded.gif) no-repeat 15px 0; position: relative;
	margin-top: -12px;
	height: 14px;
	top: 9px;}
div#orange.bubble p.triangle{background:url(../images/tip-orange.gif) no-repeat 15px 0;}
div#yellow.bubble p.triangle{background:url(../images/tip-yellow.gif) no-repeat 15px 0;}
div#yellowThick.bubble p.triangle{background:url(../images/tip-yellow-thick.gif) no-repeat 15px 0; top:8px;}
div#green.bubble p.triangle{background:url(../images/tip-green.gif) no-repeat 15px 0;}
div#green.bubble cite.rounded {background:url(../images/tip-green.gif) no-repeat 15px 0;}
div#yes.bubble p.triangle{background:url(../images/tip-yes.gif) no-repeat 15px 0;}
div#no.bubble p.triangle{background:url(../images/tip-no.gif) no-repeat 15px 0;}
div#note.bubble p.triangle{background:url(../images/tip-yes.gif) no-repeat 15px 0;}
div#noisy.bubble p.triangle{background:url(../images/tip-noisy.gif) no-repeat 15px 0;}

div#yes {display:none;}
div#no	{display:none;}
div#note	{display:none;}
div#yes.bubble div.rounded {
	border: 3px solid #45cb10; background-color: #e7f3d1; height:50px;
}
div#yes.bubble div.rounded span {
	float:left; background:url(../images/yes.gif) no-repeat 5px 0; width:69px; height:50px;
}
div#yes.bubble div.rounded h1.notification {
	font-size:18px; padding:4px 0 0 80px; font-weight:lighter; width:900px;
	position:relative;
}
div#no.bubble div.rounded {
	border: 3px solid #e52020; background-color: #ffd5d5; height:50px;
}
div#no.bubble div.rounded span {
	float:left; background:url(../images/no.gif) no-repeat 10px 0; width:62px; height:50px;
}
div#no.bubble div.rounded h1.notification {
	font-size:18px; padding:4px 50px 0 80px; font-weight:lighter; width:900px;
	position:relative;
}
div#note.bubble div.rounded {
	border: 3px solid #45cb10; background-color: #e7f3d1; height:50px;
}
div#note.bubble div.rounded span {
	float:left; background:url(../images/yes.gif) no-repeat 5px 0; width:69px; height:50px;
}
div#note.bubble div.rounded h1.notification {
	font-size:18px; padding:4px 0 0 80px; font-weight:lighter; width:900px;
	position:relative;
}

/* Yellow */
div#yellowThick.bubble div.rounded {
	border: 4px solid #fff; background-color: #fff9c0; font-size:1.5em; height:87px; width:265px;
}
div#yellow.bubble div.rounded {
	border: 3px solid #fff; background-color: #fff9c0; font-size:1.5em; height:87px;
}
div#yellow.bubble cite.rounded {background:url(../images/tip-yellow.gif) no-repeat 15px 0;}
div#yellowThick.bubble cite.rounded {background:url(../images/tip-yellow-thick.gif) no-repeat 15px 0;}

/* Orange Bubble */
div#orange.bubble {
	font-size: 0.9em;
}
div#orange.bubble div.rounded {
	color: #fff;
	border: 3px solid #fff;
	background-color: #ffdaa2;
}
div#orange.bubble cite.rounded {
	background: transparent url(../images/tip-orange.gif) no-repeat 15px 0;
}

/* Noisy Bubble */
div#noisy.bubble div.rounded {
	color: #fff;
	border: 3px solid #fff;
	background:url(../images/background_noisy.png) 0 0 repeat;
}
div#noisy.bubble cite.rounded {
	background:url(../images/background_noisy.png) 0 0 repeat;
}


.bqstart {
     float: left;
     height: 45px;
     margin-top: -20px;
     padding-top: 45px;
     margin-bottom: -50px;
     font-size: 700%;
     color: #ffdaa2;
     font-family:"Trebuchet MS",Trebuchet,Calibri,Tahoma,Arial,sans-serif;
 }


 .bqend {
     float: right;
     height: 25px;
     margin-top: 0px;
     padding-top: 45px;
     font-size: 700%;
     color: #ffdaa2;
 }