﻿body 
{
	font-family:Arial;	
	background-image: url('backClouds.gif');
	background-repeat: repeat-y;
	background-position:left top;
	background-color: #ffffff;
	background-attachment:fixed;			
}

.mainBackground
{
	
	text-align: center;	
	padding:15px;
	width:96%;	
	margin:10px auto;
}

.mainBackground
{	
	text-align: -moz-center;		
	padding:15px;
	width:96%;
	margin:10px auto;
}

.backgroundDiv
{
	
	text-align: center;
	width: 800px;
	padding:15px;
	margin:10px auto;	
}

.backgroundDiv
{	
	text-align: -moz-center;	
	width:800px;
	padding:15px;
	margin:10px auto;
}

.contentTable
{
	background-color:White;
	text-align:center;
	font-size:large;
	width:800px;
	border:none;	
}

.pageHeader
{
	background-image:url('BubbleLakeLogo.gif');
	height:150px;
	width:650px;	
}

.nowUpdateTable
{
	width:98%;
	border:none;
	font-size:x-large;
}

.charCountCell
{
	color: Gray;
	font-size: xx-small;
	width:30%;
	text-align:left;	
}

.questionCaptionCell
{
	text-align:left;
	font-family:Arial Narrow;
	font-size:15pt;
	font-weight:bold;
}

.answerTextBox
{
	height:50px;
	width:90%;
	font-family:Arial;
	font-size:12pt;
	border:solid 1px gray;
}

.standardTextbox
{
	border: 1px solid #C0C0C0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
}

.standardLabel
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #666666;
}

.standardLabelSmall
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
}

.answerQuestionCell
{
	font-size: small;
	color: #999999;
	font-weight: bold;
	border-top: solid 1px #CCCCCC;
	text-align: left;
}
.diaryAnswerQuestionCell
{
	font-size: small;
	color: #999999;
	font-weight: bold;	
	text-align: left;	
}

.diaryDateCell
{
	vertical-align: top;
	border: dotted 1px gray;
	background-color: #FFFFFF;
	padding:5px;
}

.answerTextCell
{
	font-size:medium;
	font-family:Arial;
	color:Black;		
	text-align:left;	
	width:90%;
}

.answerImageCell
{
	font-size:medium;
	font-family:Arial;
	color:Black;		
	text-align:left;	
}

.answerCell
{
	text-align:left;
}

.deleteAnswerButton 
{
	font-size:x-small;
}

.answerDateStyle
{
	font-size:x-small;
	color:#999999;
	font-weight:bold;
}

.charCounter
{
	color: Gray;
	font-size: small;		
}

.loginDiv
{
	background-color: White;
	border: none;
	font-size: large;
	width: 250px;		
}

.errorText 
{
	color:Red;
}

.messageText 
{
	color:Green;
}

.questionManageCell
{
	font-size:small;	
	text-align:left;
	padding-left:5px;
}

.userQuestionManageCell
{
	font-size:small;
	text-align:left;
	padding-left:5px;
	border-bottom:dotted 1px gray;	
}

.smallLink
{
	font-size:small;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.popup
{
	border: 3px solid #003399;
	background-color: #99CCFF;
	padding: 10px;
}

.babyGirlCell
{
	background-color: #FFCCFF;
	padding: 10px;
	font-size: small;
}

.babyBoyCell
{
	background-color: #99CCFF;
	padding: 10px;
	font-size: small;
}

.grayedCell
{
	background-color: #EAEAEA;
	padding: 10px;
	font-size: small;
}

.searchResultCell 
{
	text-align:left;
	border-bottom:dotted 1px gray;
}

.normalFollower
{
 font-size:small;
}

.blockedFollower
{
	font-size:small;
	color:Red;
}

.avatarImage 
{
	width:20;
	height:20;
}

.sectipnCaptionCell
{
	font-size:large;	
}

.monthActiveCell
{
	border-top: solid 1px #CCCCCC;		
	border-right: solid 1px #CCCCCC;
	border-left:  solid 1px #CCCCCC;
	padding-left: 5px;
	padding-right:5px;
}

.message 
{
	background-color:Yellow;
	color:Red;
	font-size:small;
	text-decoration:underline;
}

.monthLabel
{	
	font-weight:bold;
	font-size:x-small;
}

.dateLabel
{
	font-weight:bold;
	font-size:medium;
}

.bubbleLakeLogo
{
	font-family: 'Comic Sans MS';
	font-size: large;
	font-weight: bolder;
	color: #6666FF;
	text-decoration: none;
	padding: 10px;
}

.twitterLoginPage
{
	color: #0099FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: normal;
}

.followingTable
{
	background-color: #CCCCFF;
	padding: 10px;
}

.sloganText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #C0C0C0;
}

.pageHighlight
{
	background-color: #D4ECFE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #666666;
	padding:15px;
	text-align:left;
	width:96%;
}

.greenField
{
	color: #FFFFFF;
	background-color: #9DCF96;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
}

.orangeField
{
	color: #FFFFFF;
	background-color: #FF9933;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
}

.blueField
{
	color: #FFFFFF;
	background-color: #367EA6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
}

.sidebarField
{
	background-color: #E2E5E9;
	padding: 10px;
	color: #454545;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.orangeButton
{
	margin: auto;
	padding: 5px;
	background-color: #FF6600;
	border-style: solid;
	border-width: thin;
	border-color: #FFFFFF #666666 #000000 #CCCCCC;
	font-size: large;
}

.greenButton
{
	margin: auto;
	padding: 5px;
	background-color: #9DCF96;
	border-style: solid;
	border-width: thin;
	border-color: #FFFFFF #666666 #000000 #CCCCCC;
	font-size: large;
}

.blueButton
{
	margin: auto;
	padding: 5px;
	background-color: #D4ECFE;
	border-style: solid;
	border-width: thin;
	border-color: #FFFFFF #666666 #000000 #CCCCCC;
	font-size: large;
}


.whiteButton
{
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC #808080 #000000 #CCCCCC;
	color: #666666;
	background-color: #F5F5F5;
	padding: 5px;
}

.cite {
	background: url(quote.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 1.3em "Lucida Sans Unicode",serif;
	padding-left: 28px;
}

.cite2 {
	background: url(bgcode.gif);
	color: #666;
	display: block;
	font: normal 0.8em "Lucida Sans Unicode",serif;
	padding-left: 28px;
	padding-bottom:28px;
}

.cite3 {
	background: url(bg.gif);
	color: #666;
	display: block;
	font: normal 0.8em "Lucida Sans Unicode",serif;
	padding-left: 28px;
	padding-bottom:28px;
}

.messageDisplay {
	background: url(bgcode.gif);
	color: #666;
	display: block;
	font: normal 0.8em "Lucida Sans Unicode",serif;
	padding-left: 28px;	
	border:solid 6px #D4ECFE;
}

.unreadMessageDisplay
{
	background: url(bgcode.gif);
	color: #666;
	display: block;
	font: normal 0.8em "Lucida Sans Unicode" ,serif;
	padding-left: 28px;
	border: 6px solid #FF0000;
}
.messageDisplay:hover {	
	border:solid 6px #FF9933;
}

.unreadMessageDisplay:hover {	
	border:solid 6px #FF9933;
}

h1,h2,h3 {
	color: #367EA6;	
}