body {
    background-color:#D9D3CC;

  }
  
  h1{
    font-family: Comic Sans;
    color: #FF3322
  } 
    
  #top-level {
    /*width:950px;*/
    border: thin solid #FFFFFF;
    
  }
  
  #top-nav-search{
    margin-top:10px;
    margin-bottom:10px;
  }
  
  #search-input{
    float:left;
  }
  #search-button{
    float:left;
  }
  
  #main-content{
    /*background: url(/images/fortune_cookies_2.jpg)  repeat scroll left top;*/
    background-color: #FFFFFF;
    /*height:650px;*/
  }
  
  #content{
   padding-left:10px;
   padding-right:5px;
   padding-top:5px;
   padding-bottom:10px;
  }
  
  #fortune-text-area{
    background: url(/images/fortune_cookies_2.jpg) left top;
    height:340;
    width:500;
  }
  
  #fortune-text-area-widget{
    background: url(/images/fortune_cookies_2.jpg) left top;
    height:300;
    width:370;
  }

  #fortune-text{
    border:thin solid #FF3322;
    padding:5px;
    font-size: 16px;
  }
  
  #fortune-rating{
    padding-top:5px;
    padding-bottom:5px;
  }
  
  #comment-each{
    padding-top:5px;
  }
  
  #comment-person{
    border-bottom: 1px solid #CCCCCC;
  }
  
  #comment-text{
    padding-left:5px;
    width:500;
  }
 
  .error-message{
    color:#FF0000;
  }
 
  .errorExplanation{
    color:#FF0000;
  }

  /*** Nav bar styles ***/
#top-nav-bar ul {
background-color:#999999;
clear:both;
display:block;
float:left;
list-style-type:none;
margin:0pt;
padding:0pt;
}

#top-nav-bar li {
display:inline;
}
#top-nav-bar a {
background-color:#999999;
color:#FFFFFF;
display:block;
float:left;
cursor: pointer;
margin:0pt;
padding-left:3px;
padding-right:2px;
padding-top:2px;
padding-bottom:2px;
text-decoration:none;
font-size:14px;
}
#top-nav-bar a:hover {
background-color:#485780;
}

#share-links{
  height:15px;
}

#share-links a{
 text-declaration:none;
 height:13px;
}

#share-links a img {application.css (line 28)
border:medium none;
margin:0pt;
padding:0pt;
}

a:hover {
color:#CA0002;
}

a {
    text-decoration: none;
}


  

	/*             styles for the star rater                */	

	.star-rating{

		list-style:none;

		margin: 0px;

		padding:0px;

		width: 150px;

		height: 30px;

		position: relative;

		background: url(/images/star_rating.gif) top left repeat-x;	
		

	}

	.star-rating li{

		padding:0px;

		margin:0px;

	

		/*\*/

		float: left;

		/* */

	}

	.star-rating li a{

		display:block;

		width:30px;

		height: 30px;

		line-height:30px;

		text-decoration: none;

		text-indent: -9000px;

		z-index: 20;

		position: absolute;

		padding: 0px;

		overflow:hidden;

	}

	.star-rating li a:hover{

		background: url(/images/star_rating.gif) left center;

		z-index: 2;

		left: 0px;

		border:none;

	}

	.star-rating a.one-star{

		left: 0px;

	}

	.star-rating a.one-star:hover{

		width:30px;

	}

	.star-rating a.two-stars{

		left:30px;

	}

	.star-rating a.two-stars:hover{

		width: 60px;

	}

	.star-rating a.three-stars{

		left: 60px;

	}

	.star-rating a.three-stars:hover{

		width: 90px;

	}

	.star-rating a.four-stars{

		left: 90px;

	}	

	.star-rating a.four-stars:hover{

		width: 120px;

	}

	.star-rating a.five-stars{

		left: 120px;

	}

	.star-rating a.five-stars:hover{

		width: 150px;

	}

	.star-rating li.current-rating{

		background: url(/images/star_rating.gif) left bottom;

		position: absolute;

		height: 30px;

		display: block;

		text-indent: -9000px;

		z-index: 1;

	}
	
	/* remove halo effect in firefox   */
	/*a:active{
		outline: none;
	}*/	
	
	#log-in-form {
	   float:left;
	}
	
	#or{
	   float:left;
	   padding:50px;
	}
	
	#create-account-form{
	   float:left;
	}