/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: #E5E5E5;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #666666;
}

img{
  border: 1px solid black;
}

blockquote {
	font-style: italic;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
  text-decoration: underline;
  color: #666666;
}

.title1 {
	margin: 0;
	padding: 10px 0;
	background: url(../img/blue_dot.gif) repeat-x left bottom;
	font-weight: normal;
	font-size: 129%;
	color: #FFFFFF;
}

.title2 {
	margin: 0;
	padding: 10px 0;
	background: url(../img/gray_dot.gif) repeat-x left bottom;
	font-size: 129%;
	font-weight: normal;
	color: #135293;
}

.title3 {
	margin: 0;
	padding: 10px 0;
	background: url(../img/orange_dot.gif) repeat-x left bottom;
	font-size: 129%;
	font-weight: normal;
	color: #FFFFFF;
}

.title_green {
	margin: 0;
	padding: 10px 0;
	background: url(../img/green_dot.gif) repeat-x left bottom;
	font-size: 129%;
	font-weight: normal;
	color: #FFFFFF;
}

.title_gray {
	margin: 0;
	padding: 10px 0;
	background: url(../img/gray_dot.gif) repeat-x left bottom;
	font-size: 129%;
	font-weight: normal;
	color: #FFFFFF;
}

.boxed {
	padding: 5px 30px 20px 30px;
}

.boxed p, .boxed ul, .boxed ol {
	line-height: 130%;
}

.orange {
	margin: 20px 30px;
	background: #FF9523 url(images/orange_up.gif) repeat-x;
	color: #FFFFFF;
}
.blue {
	margin: 20px 30px;
	background: #4096ee url(../img/blue_up.gif) repeat-x;
	color: #FFFFFF;
}
.green {
	margin: 20px 30px;
	background: #85c329 url(../img/green_up.gif) repeat-x;
	color: #FFFFFF;
}
.gray {
	margin: 20px 30px;
	background: #a0a0a0 url(../img/gray_up.gif) repeat-x;
	color: #FFFFFF;
}

.orange a,.blue a,.green a,.gray a {
	color: #FFFFFF;
}

.one-col {
	float: left;
	/*width: 600px;*/
}

.two-cols-left {
	float: left;
	width: 300px;
}
.two-cols-right {
	float: right;
	width: 300px;
}

.orange .one-col h2,.orange .two-cols-left h2,.orange .two-cols-right h2{
	margin: 0;
	padding: 10px 0;
	background: url(../img/orange_dot.gif) repeat-x left bottom;
	font-size: 129%;
	font-weight: normal;
	color: #FFFFFF;
}
.blue .one-col h2,.blue .two-cols-left h2,.blue .two-cols-right h2{
	margin: 0;
	padding: 10px 0;
	background: url(../img/blue_dot.gif) repeat-x left bottom;
	font-size: 129%;
	font-weight: normal;
	color: #FFFFFF;
}
.gray .one-col h2,.gray .two-cols-left h2,.gray .two-cols-right h2{
	margin: 0;
	padding: 10px 0;
	background: url(../img/gray_dot.gif) repeat-x left bottom;
	font-size: 129%;
	font-weight: normal;
	color: #FFFFFF;
}
.green .one-col h2,.green .two-cols-left h2,.green .two-cols-right h2{
	margin: 0;
	padding: 10px 0;
	background: url(../img/green_dot.gif) repeat-x left bottom;
	font-size: 129%;
	font-weight: normal;
	color: #FFFFFF;
}


.two-columns{
	width: 330px;
}

.padding-left-10{
	padding-left: 10px;
}

.padding-right-10{
	padding-right: 10px;
}

/* Page */

#page {
	width: 1220px;
	margin: 0 auto;
	background: #ffffff;
	background: #FFFFFF url(../img/sidebars_background.gif) repeat-y;
}

/* Sidebar */

#leftsidebar,#rightsidebar{
	float: left;
	width: 240px;
}

/* Logo  always white!!! */
#logo-left {
	height: 120px;
	background: #FFFFFF url(../img/logo_bg_left.gif) repeat-y left top;
	padding-left: 5px;
}
#logo-right {
	height: 120px;
	background: #FFFFFF url(../img/logo_bg_right.gif) repeat-y right top;
	padding-right: 5px;
}
#PoemSearchForm fieldset {
	padding: 7px;
	padding-top:30px;
	border: none;
}
#central-logo{
  height: 125px;
  background: #FFFFFF url(../img/logo_bg_top.gif) repeat-x bottom;
}

/* Menu  always green */
#menu {
	padding: 20px;
	background: #ff9523 url(../img/orange_up.gif) repeat-x;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	padding: 10px 0;
	background: url(../img/orange_dot.gif) repeat-x;
}

#menu li.first {
	background: none;
}

#menu a {
	text-decoration: none;
	font-size: 129%;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}

/* Login  always blue!*/
#login {
	padding: 20px;
	background: #4096ee url(../img/blue_up.gif) repeat-x;
}

#login form {
	margin: 0;
	padding: 20px 0 0 0;
}

#login fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#login label {
	color: #FFFFFF;
}

#login a {
	color: #FFFFFF;
}

/* Info always orange!!! */
#info {
	padding: 20px;
	background: #85C329 url(../img/green_up.gif) repeat-x;
	color: #ffffff;
}
#info a {
	color: #FFFFFF;
}

/* Stats always gray!!! */
#stats {
	padding: 20px;
	background: #a0a0a0 url(../img/gray_up.gif) repeat-x;
	color: #ffffff;
}
#stats a {
	color: #FFFFFF;
}










#UserUsername, #UserPassword, #UserPasswordconfirm, #PoemQ {
	width: 194px;
	margin-bottom: .5em;
	font: bold 100% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}

#inputsubmit1 {
	margin-bottom: .5em;
	font: bold 100% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}

/* Content */

#content {
	float: left;
	width: 740px;
}

/* Footer */

#footer {
	width: 1220px;
	height: 120px;
	margin: 0 auto;
	background: url(../img/footer_bg.gif) repeat-x;
}

#footer p {
	margin: 0;
	font-size: 85%;
}

#links {
	float: left;
	width: 220px;
	height: 45px;
	padding: 35px 0 0 20px;
	background: url(../img/gray_up.gif) repeat-x;
}

#links a {
	color: #FFFFFF;
}

#legal {
	float: right;
	width: 720px;
	height: 45px;
	padding: 35px 0 0 20px;
}

.error, #flashMessage, #authMessage{
  color:#ff0000;
  background-color:#ffffff;
  font-weight:bold;

}
#mainMessageArea{
  padding:10px;
}

th{
  text-align: left;
}

.poem{
  font-size:18px;
  line-height:150%;
}
.poem_title{
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  padding-left: 30px;
}
.poem_author_title{
  padding-left:150px;
}



/* RATING BEGIN */
.star-rating  {
background:url("../img/star_rating.gif") repeat-x scroll left top transparent;
height:20px;
list-style-type:none;
margin:0 auto;
padding:0;
position:relative;
width:100px;
}
.star-rating li {
float:left;
margin:0;
padding:0;
}
.star-rating li a {
display:block;
height:20px;
outline:medium none;
padding:0;
position:absolute;
width:20px;
z-index:20;
}
.star-rating li a:hover {
background:url("../img/star_rating.gif") repeat scroll left bottom transparent;
left:0;
outline:medium none;
z-index:1;
}
.star-rating li a.colored_star {
background:url("../img/star_rating.gif") repeat scroll left bottom transparent;
left:0;
z-index:1;
}
.star-rating a.one-star {
left:0;
}
.star-rating a.one-star:hover {
width:20px;
}
.star-rating a.two-stars {
left:20px;
}
.star-rating a.two-stars:hover {
width:40px;
}
.star-rating a.three-stars {
left:40px;
}
.star-rating a.three-stars:hover {
width:60px;
}
.star-rating a.four-stars {
left:60px;
}
.star-rating a.four-stars:hover {
width:80px;
}
.star-rating a.five-stars {
left:80px;
}
.star-rating a.five-stars:hover {
width:100px;
}
.star-rating-small {
background:url("../img/star_rating_small.gif") repeat-x scroll left top transparent;
height:15px;
list-style-type:none;
margin:0 auto;
padding:0;
position:relative;
width:75px;
}
.star-rating-small li {
float:left;
margin:0;
padding:0;
}
.star-rating-small li a {
display:block;
height:15px;
padding:0;
position:absolute;
width:15px;
z-index:20;
}
.star-rating-small li a.colored_star {
background:url("../img/star_rating_small.gif") no-repeat scroll left bottom transparent;
z-index:1;
}
.star-rating-small a.one-star {
left:0;
}
.star-rating-small a.one-star:hover {
width:15px;
}
.star-rating-small a.two-stars {
left:15px;
}
.star-rating-small a.two-stars:hover {
width:30px;
}
.star-rating-small a.three-stars {
left:30px;
}
.star-rating-small a.three-stars:hover {
width:45px;
}
.star-rating-small a.four-stars {
left:45px;
}
.star-rating-small a.four-stars:hover {
width:60px;
}
.star-rating-small a.five-stars {
left:60px;
}
.star-rating-small a.five-stars:hover {
width:75px;
}
/*RATING END */

input,select,textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px;
	border-color: #666666;
	border-style: solid;
}


/* tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
  font-size:10px;
}
#tooltip h3, #tooltip div { margin: 0; }

.tooltip_help{
  padding-left: 5px;
  padding-right: 5px;
  border: 0px solid black;
}
/* tooltip */


.poetview {
  float:left;
  margin:10px;
  width:195px;
  padding:5px;
	background: #4096ee url(../img/blue_up.gif) repeat-x;
	color: #ffffff;
}
.poetview a {
	color: #FFFFFF;
}


.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
}

.ipoemversetable{
	padding-left: 20px;
	padding-right: 20px;	
}

.ipoemversetable tr td{
	padding-top: 10px;
	padding-right: 10px;
	vertical-align: middle;	
}
.versep{
	line-height: 130%;
}
.nowrap{
	white-space:nowrap;
}
.small{
	font-size: small;
}


.add_comment{
	background-color: #3C8EE1;
	font-weight: bold;
	color: #ffffff;
	padding: 5px;
	border-radius: 3px;
}
.add_comment:hover,.add_comment:visited{
	color: #ffffff;
}