body { 
	font-family: Arial;
	text-align: center;
	background: white;
	margin: 0px;
	padding: 0px;
}

/***************************/
/* Links
/***************************/
a { text-decoration: none; }
a img {border: 0;}
a:link, a:visited {color: #006600;}
a:hover {color: #333;}

div { border: 0px solid red; }

h1 { color: #339933; 
     font-size: 18px;
		 padding: 0px;
		 margin: 5px;
 }
 
.browse-header {
     color: #996699;
		 font-size: 29px;
		 margin: 5px;
}
		 
h2 {
  color: #996699;
	font-size: 15px;
	margin: 3px auto 3px auto;
}

#front h1 {
  text-align: left;
	font-size: 28px;
	margin-top: 0px;
}

#front h2 {
   text-align: left;
	 	margin: 15px auto 15px auto;
		color: #aaa;
		font-size: 15px;
}

#front {
  width: 650px;
	margin: 15px auto 0px auto;
	border: 3px solid #eee;
	padding: 15px;
}

#tagcloud {
  font-size: 8px;
	padding: 15px;
	margin: 15px;
	border: 2px solid #eee;
}

#tagcloud a:hover {
  background: #006600;
	color: white;
}

#tagcloud h1 {
  font-size: 18px;
	color: #aaa;
	text-align: left;
	margin: 0px 0px 5px 0px;
}

#promo h1 {
  font-size: 30px;
	margin: 15px;
}

#promo h2 {
  font-size: 20px;
	margin: 15px 15px 15px 25px;
	color: #aaa;
}

#promo a {
 color: #996699;
}

#promo a:hover {
 color: white;
 background: #996699;
}

#promo a {
  font-weight: bold;
}

#promo {
  font-size: 16px;
	color: #777;
	padding: 0px;
	text-align: center;
	margin: 15px;
	border: 2px solid #eee;
	font-weight: bold;
}

#promo ul {
  margin: 15px auto 15px auto;
}

#promo ul li {
  display: inline;
	margin-right: 10px;
	
}

#promo td {
  padding: 15px;
	border: 3px solid #eee;
	margin: 15px;
	vertical-align: top;
}

#latest-spotlight {
 
	color: #555;
	line-height: 1.3em;
	margin: 15px;
	width: 470px;
	padding: 15px;
	clear: none;
	border: 3px dotted #ddd;
}

#latest-spotlight h1 {
  font-size: 25px;
	color: #aaa;
}

#latest-spotlight .bodytext {
 
  font-size: 13px;
	line-height: 1.3em;
	padding: 10px 0px 10px 0px;
	border-bottom: 3px solid #eee;
	border-top: 3px solid #eee;

}

#latest-spotlight .bodytext p {
  margin-top: 5px;
}


#latest-spotlight .bodytext a:hover {
  background: #996699;
	color: white;
}

#latest-spotlight .bodytext a {
	font-weight: normal;
	color: #996699;
}

#latest-spotlight .head img {
  margin-right: 10px;
	vertical-align: middle;
}

#latest-spotlight .head {
  margin-bottom: 10px;
}

.readmore {
  color: #555;
	font-size: 17px;
}

.readmore a {
	color: #996699;
	font-size: 17px;
}

.readmore a:hover {
  color: white;
	background: #996699;
}

.readmore {
 	margin: 5px auto 5px auto;
}

#latest-spotlight a {
  font-weight: bold;
}

#latest-spotlight h1 {
  margin-left: 0;
}

#latest-spotlight .rightpic {
  float: right;
	margin: 0;
	clear: none;
	padding: 0;
}
	
#about {
  width: 700px;
	text-align: left;
	margin: 35px auto 35px auto;
	font-size: 12px;
	color: black;
}

#about h1 {
  padding: 15px auto 0px auto;
	margin: 0px;
}

#about p {
  margin: 5px auto 15px auto;
}



/***************************/
/* Front Page
/***************************/

.search {
  float: right;
	color: #996699;
	font-weight: bold;
	width: 300px;
	text-align: right;
	padding-right: 15px;
	padding-top: 25px;
	padding-bottom: 0px;
}

.poll {
    width: 280px;
	float: right;
	margin: 0px 20px 10px 10px;
	padding: 0px;
	text-align: center;
	clear: right;
}

.poll div, .poll table { 
    margin: 0px auto 5px auto;
}

.poll a {
    color: #aaa;
    font-size: 12px;
 }


.amazon {
  width: 280px;
	float: right;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	border: 2px solid #ddd;
	background: #eee;
	text-align: center;
	clear: right;
}
.amazon table {
  margin: 3px auto 3px auto;
	padding: 0px;
}

.amazon h1 {
  text-align: left;
  font-size: 12px;
	font-weight: bold;
	color: #777;
	margin: 0px auto 5px auto;
	background: #ddd;
	padding: 1px auto 1px 5px;
}


#recent {
  width: 280px;
	float: right;
	margin: 0px 20px 10px 10px;
	padding: 5px;
	border: solid #eee;
	border-width: 7px 0px 7px 0px;
	background: #ffe;
	clear: right;
  word-wrap: break-word;
}

#newest {
  width: 500px;
	margin: 5px 10px 10px 10px;
}

#newest h1 {
  text-align: left;	
}

#newest table {
  text-align: left;
  font-size: 12px;
	border-collapse: collapse;
	width: 485px;
	margin: 5px auto 15px auto;
}

#newest tr.head {
  font-size: 14px;
	font-weight: bold;
}

#newest table tr.title td {
  padding: 5px 10px 5px 10px;
	margin: 0px;
	text-align: center;
	border:0px;
	font-weight: bold;
	font-size: 13px;
}

#newest table tr.title td.name {
  text-align: left;
}

#newest table td {
  padding: 5px 10px 5px 10px;
	margin: 0px;
	border-bottom: 3px solid #ddd;
	text-align: center;
	vertical-align: top;
}

#newest table td.desc {
  text-align: left;
	color: #777;
	padding-bottom: 10px;
}

#newest table td.namehead, #listingcont table td.namehead {
  text-align: left;
	font-size: 15px;
	font-weight: bold;
}

#newest table td.name a {
  color: #996699;
}

#newest table tr.title td.rating {
  text-align: left;
}

#newest table td.title .stars {
  text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.more { 
  float: right;
	font-size: 12px;
	font-weight: bold;
}

.recentreviews {
  	border-collapse: collapse;
		width: 260px;
		text-align: left;
    padding: 0px;
		margin: 0px auto 5px auto;
}

.recentreviews td {
  font-size: 12px;
	color: #777;
  padding: 10px;
	text-align: left;
	vertical-align: top;
}


.recentreviews td h1 {
  font-size: 13px;
  margin: 0px 0px 5px 0px;
	padding: 0px;
 	color: #996699;
}

.recentreview a {

}

.recentreviews tr {
 	border-bottom: 1px solid #ccc;
	text-align: left;
}

.recentreviews tr.last {
  border-bottom: 0px;
}

.recentreviews tr td.name img {
  border: 3px solid #eee;
}

.recentreviews tr td p.time {
  margin-top: 3px;
	padding: 0px;
	font-weight: bold;
}

.recentreviews tr td.name p {
  margin: 0px;
	padding: 0px;
	text-align: center;
}

#topcompanies {
  float: right;
	width: 400px;
}

/***************************/
/* Global Styles
/***************************/

h1.top {
  margin-top: 35px;
}	


.error
{
  color: red;
	font-weight: bold;
	font-size: 14px;
	margin-top: 15px;
}

input {

  border: 3px solid #ddd;

}

/***************************/
/* Box Styles
/***************************/

/* corner styles */
#header .roundtop { 
background: url(http://jamesyu.org/web20list/images/c_header_tr.gif) no-repeat top right; 
}

#header .roundbottom {
background: url(http://jamesyu.org/web20list/images/c_header_br.gif) no-repeat bottom right; 
}

.rtop-yellow { 
background: url(http://jamesyu.org/web20list/images/c_yellow_tr.gif) no-repeat top right; 
}

.rbottom-yellow {
background: url(http://jamesyu.org/web20list/images/c_yellow_br.gif) no-repeat bottom right; 
}

img.corner {
   width: 14px;
   height: 17px;
   border: none;
   display: block !important;
}


/***************************/
/* Header 
/***************************/

#header {
	text-align: left;
	margin: 15px auto 0px auto;
	font-size: 15px;
	width: 850px;
	background: url(http://www.buzzshout.com/images/slice.gif) repeat-x bottom left;
	padding: 0px;
}


/* Hide from IE-Mac \*/
#header #logo {
  margin: 0 0 -3px 0;
  padding: 0px;
  border: 0px;
}
/* End hide */

#footer {
	width: 100%;
	text-align: center;
	clear: both;
	background: #669966;
	padding: 0px;
	margin: 25px 0px 0px 0px;
	border-top: 4px solid green; 
	
}

#footer-text {
  width: 850px;
	text-align: left;
	color: white;
	font-size: 12px;
	margin: 15px auto 0px auto;
	padding-bottom: 15px;
}

#footer-menu {
  float: right;
	font-size: 12px;
	color: white;
  margin: 15px auto 15px auto;
	padding-right: 15px;
}

#footer-menu a {
  color: white;
}

/***************************/
/* Login 
/***************************/


#login-quick {
  text-align: right;
	font-size: 12px;
	margin: 0px auto 5px auto;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 850px;
	display: none;
	background: #eee;
}

#login-quick form {
  margin: 0px;
}

#login-quick button {
  font-size: 12px;
}

#login-quick ul {
	display: inline;
	margin: 0 15px 0 15px;
	padding: 0px;
}

#login-quick ul li {
 	display: inline;
	margin: 0px 2px 0px 2px;
	vertical-align: middle;
}

#login {
  float: right;
  text-align: left;
  width: 250px;
  margin: 15px 15px 15px 0px;
  font-size: 13px;
  padding: 20px;
  background: #eeffe6 url(images/comp_info_slice.gif) repeat-x;
}

#login input {
  border: 3px solid #ccc;
}


#login h1 {
  text-align: left;
	margin: 5px auto;
	font-size: 15px;
}

#login table td {
  padding: 5px 10px 5px 0px;
	font-size: 12px;
	color: #555;
}

#newuser h1 {
  margin: 5px auto 5px auto;
}

#newuser {

  text-align: left;
	
	width: 400px;
	padding: 20px;
	margin: 15px;
}

#newuser input {
  border: 3px solid #ccc;
}

#newuser h2 {
  color: #996699;
	font-size: 15px;
	margin: 3px auto 3px auto;
}

#newuser table {
  margin: 15px;
}

#newuser table td {
  padding: 5px 15px 5px 15px;
	font-size: 12px;
	color: #555;
}

#newuser .error {
  color: red;
	font-weight: bold;
	font-size: 14px;
	margin-top: 15px;
}

#newuser #cap {
  border: 3px solid #aaa;
	text-align: center;
}

/***************************/
/* Menu 
/***************************/

#menu #rightmenu {
  float: right;
	padding: 0px;
	margin: 0px 8px 0px 0px;
}

#menu ul, #menu #rightmenu ul {
	display: inline;
	margin: 0 15px 0 15px;
	text-align: left;
	padding: 0px;
}

#menu ul li, #menu #rightmenu ul li {
  display: inline;
	margin: 0 0px 0 0px;
	padding: 0px;
}

#menu {
  color: white;
  width: 850px;
  font-size: 12px;
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 5px 0px 5px 0px;
	background: #339933 url(http://www.buzzshout.com/images/menu-bot.gif);
  background-repeat: no-repeat;
  background-position: bottom;
}

#menu a {
  font-size: 18px;
  color: #eee;
  text-decoration: none;
  padding: 5px;
}

#menu a:hover {
  background: #996699 url(http://www.buzzshout.com/images/purple_fade.gif) repeat-x bottom left;
}
/***************************/
/* Containers 
/***************************/

#container {
 width: 850px;
 margin: 15px auto 15px auto;
 text-align: center;
}
 
#container-detail {
 margin: 15px auto 15px auto;
 text-align: left;
 width: 850px;
}

#listingcont {
 text-align: center;
 margin: 15px auto 15px 200px;

}

.textlinkads {
  margin: 15px auto 15px auto;
}

#listingcont table {
  text-align: left;
  font-size: 12px;
	border-collapse: collapse;
	width: 600px;
	margin: 15px auto 15px auto;
}

#listingcont tr.head {
  font-size: 14px;
	font-weight: bold;
}

#listingcont table td {
  padding: 10px 10px 5px 10px;
	margin: 0px;
	text-align: center;
}

#listingcont table td.description, #listingcont table tr.head td {
  border-bottom: 3px solid #eee;
}

#listingcont table td.name, #listingcont table td.namehead {
  text-align: left;
	font-size: 15px;
	font-weight: bold;
}

#listingcont table td.name a {
  color: #996699;
}

#listingcont table td.rating {
  text-align: left;
}

#user-listing {

}

#user-listing table {
 border-collapse: collapse;
 text-align: center;
 font-size: 12px;
 margin: 15px auto 15px auto;
 width: 85%;
}

#user-listing table #head {
 font-weight: bold;
 font-size: 14px;
 color: #777;
}

#user-listing table td {
 padding: 5px 15px 5px 15px;
 border-bottom: 1px solid #aaa;
 margin: 0px;
}

#user-listing table td.name {
  text-align: left;
}

#user-listing table td.name img {
  border: 1px solid #aaa;
	vertical-align: middle;
	margin-right: 5px;
}

#user-listing table tr {

}

/***************************/
/* Sidebars 
/***************************/

#sidebar {
 float: left;
 width: 200px;
 margin: 25px auto 15px auto;
 text-align: left;
 font-size: 12px;
 border: 1px solid #ddd;
 padding: 10px;

}

#sidebar ul {
 list-style: none;
 margin: 0px;
}


table.browse .description {
  text-align: left;
	color: #777;
	padding-bottom: 10px;
}


/***************************/
/* About
/***************************/

#about h1 { 
	color: #777;
	font-family: Georgia, Arial;
	margin: 20px 0px 20px 0px;
	font-size: 37px;
	font-weight: normal;
	padding: 15px 0px 15px 0px;
	

 }
 
#about h2 { color: #448844; 
     font-size: 24px;
		 padding: 0px;
		 margin: 30px 0px 10px 0px;
		 font-weight: normal;
		 letter-spacing: .05em;
		 font-family: Helvetica;
}

#about #sidebar { float: right;
					  margin: 15px;
					  padding: 10px; }

#about {
 		 font-family: Helvetica;
		 font-size: 16px; 
}
					  
					  
/***************************/
/* Listing 
/***************************/

.listing {
	margin: 15px auto 15px auto;
	padding: 15px;
	text-align: left;
	font-size: 12px;
}

.listing .listing-link {
  font-size: 12px;
}

.listing .listing-link a {
  color: #777;
}

.listing .name {
	font-size: 20px;
}

.listing .name a {
	text-decoration: none;
}

.listing .description {
	font-size: 12px;
	margin: 15px auto 15px auto;
} 
 
#listing-detail {
  text-align: left;
	padding: 15px;
	margin: 0px 0px 15px 0px;
	background: white;
	width: 300px;
	float: left;
	font-size: 12px;
}

#listing-detail .main-info {
  text-align: left;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 5px 0px;
	background: white;
}

#listing-detail .main-info .avg-rating {
  margin-top: 5px;
}

#listing-detail .main-info .name {
 margin: 0px auto 5px auto;
}

#listing-detail .main-info .name img {
  border: 1px solid #ddd;
	padding: 5px;
}

#listing-detail .menu {
  padding: 0px;
	margin: 10px 0 10px 0;
}

#listing-detail .menu ul {
  list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#listing-detail .menu li {
  background: #eeffe6;
	border:  solid #a9d69b;
	border-width: 1px 1px 1px 1px;
	padding: 5px;
	margin-bottom: 5px;
}

#listing-detail .menu li a {

  color: #996699;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin: 0px;

}

#listing-detail .extended-info  {
  text-align: left;
  padding: 0px 0px 15px 0px;
  margin: 15px 0px 15px 0px;
  background: #eeffe6 url(images/comp_info_slice.gif) repeat-x;
  overflow: hidden;
}

#listing-detail .cats {
  text-align: left;
  padding: 0px 0px 5px 0px;
  margin: 15px 0px 15px 0px;
  background: #eeffe6 url(images/comp_info_slice.gif) repeat-x;
  overflow: hidden;
}



#listing-detail h1 {
  font-size: 15px;
	padding: 5px auto 5px auto;
}

#listing-detail .extended-info .status {
  padding: 15px;
	font-size: 15px;
	color: #777;
}


#listing-detail .extended-info h1, #listing-detail .cats h1 {
  font-size: 17px;
	padding: 5px 5px 5px 5px;
	/*background: #a9d69b;*/
	background: #339933;
	margin: 0px;
	color: white;
}

#listing-detail .cats .taglist {
  padding: 10px;
	margin: 0px;
	font-size: 15px;
	font-weight: bold;
	line-height: 25px;
}

#listing-detail .cats .taglist a {
	padding: 5px;
}

#listing-detail .cats .taglist a:hover {
  color: white;
	background: #a9d69b;
}



#listing-detail .description {
	font-size: 14px;
	margin: 15px;
	color: #333;
	line-height: 1.3em;
}

#listing-detail .name a {
  text-decoration: none;
	font-weight: bold;
	font-size: 25px;
}
 
#listing-detail .date-added {
  font-size: 11px;
	color: #888;
	float: right;
	margin: auto 15px 0px 15px;

}

#listing-detail .date-added p {
  margin: 3px auto 0px auto;
}

#listing-detail .comp-url a {
 font-size: 12px;
 color: green;
 margin: 1px 0 1px 0px;
}

#listing-detail .category a {
 font-size: 12px;
 color: green;
 margin: 1px 0 1px 0px;
}

#listing-detail .category {
 font-size: 12px;
 color: #777;
 margin: 1px 0 1px 0px;
}

#listing-detail .side-menu a {
 font-size: 15px;
 color: #993399;
 text-decoration: none;
 font-weight: bold;
 margin: 5px 0px 5px 15px;
}

#listing-detail .side-menu .technorati {
  font-size: 10px;
	margin: 15px 0px 15px 0px;
	padding-top: 5px;
	text-align: center;
	border-bottom: 5px solid #eee;
	border-top: 5px solid #eee;
}

#listing-detail .side-menu .baro {
  font-size: 10px;
	margin: 0px 0px 15px 0px;
	padding-bottom: 10px;
	text-align: center;
	border-bottom: 5px solid #eee;

}

#listing-detail .side-menu .technorati h1, #listing-detail .side-menu .baro h1,  #listing-detail .side-menu .baro h1 a {
 color: #aaa;
 font-size: 15px;
 text-align: left;
}

#listing-detail .side-menu .technorati h1 img, #listing-detail .side-menu .baro h1 img {
 padding: 0px;
 margin: 0px 5px 0px 0px;
 vertical-align: middle;
}


#listing-detail .side-menu .technorati a, #listing-detail .side-menu .baro a {
  font-size: 10px;
	padding: 0px;
	margin: 0px;
}
#listing-detail .side-menu .technorati img, #listing-detail .side-menu .baro img {
  padding: 0px;
	margin: 5px 5px 15px 5px;
}



.bottomcount {
 margin-top: 15px;
}

/***************************/
/* Reviews 
/***************************/

#reviews-detail {
	margin: 15px 0px 15px 325px;
	background: white;
	padding: 25px;
	min-width: 150px;

} 

#reviews-detail .head {
  border-bottom: 5px solid #eee;
	width: 450px;
	padding: 15px 15px 15px 0;
	margin: 0px;
}

#reviews-detail .head ul {
	display: inline;
	margin: 0;
	text-align: left;
	padding: 0;
  color: #339933; 
  font-size: 18px;
}


#reviews-detail .head ul li:hover, #reviews-detail .head ul li:hover a  {
  background:  #996699;
	color: white;
}
	
#reviews-detail .head ul li.selected:hover {

}

	
#reviews-detail .head ul li {
  display: inline;
	margin: 0 5px 0 0;
	padding: 10px;
}

#reviews-detail .head ul li.selected {
  display: inline;
	margin: 0 5px 0 0;
	padding: 10px;
  background:  #996699;
	color: white;
}

#reviews-detail .head ul li.selected a {
  color: white;
}	

#reviews-detail .spotlight-body a {
	font-weight: bold;
}

#reviews-detail .spotlight-body {
  padding: 15px;
	font-size: 13px;
	line-height: 17px;
	color: #444;
}

#reviews-detail .spotlight-body img {
  border: 1px solid #aaa;
	padding: 5px;
	margin: 10px;
}

#reviews-detail .spotlight-body .date {
  color: #777;
	font-weight: bold;
	margin: 0px 0px 15px 10px;
}

.rightpic {
  float: right;
}

.leftpic {
  float: left;
}

#reviews-detail .spotlight-body h1 {
  margin: 15px auto 5px auto;
	font-size: 20px;
	font-weight: bold;
}

#reviews-detail .review h1 {
  text-align: left;
	font-size: 15px;
	margin-top: 0px;
}

#reviews-detail h2 {
  margin-top: 15px;
	margin-bottom: 15px;
}

#reviews-detail h2 a {
  text-decoration: none;
  border-bottom: 1px solid #bbb;
	color: #996699;
}

#reviews-detail h2 a:hover {
  border-bottom: 3px double #bbb;
}

#reviews-detail .flagged {
  color: red;
	font-weight: bold;
}

#reviews-detail .review {
	clear: right;
	margin: 15px 0px 2px 0px;
	padding: 15px 15px 10px 15px;
	background: white;
	border: solid #eee;
	border-width: 3px 7px 7px 3px;
	overflow: hidden;
	width: 350px;
	text-align: left;
}

#reviews-detail .review .time {
  font-size: 10px;
	color: #777;
}

#reviews-detail .review .flag a, #reviews-detail .review .flag {
  font-size: 10px;
  text-decoration: none;
	color: #777;
	margin-top: 10px;
}

/* Holly Hack, extends container to fit float elements */
/* Hides from IE5-mac \*/
 * html .review { height: 0.01%; }
  * html #listing-detail .extended-info { height: 0.01%; }
/* End hide from IE5-mac */

/* Holly Hack, extends container to fit float elements */
/* Hides from IE5-mac \*/

/* End hide from IE5-mac */


#reviews-detail .review .review-rating {
  float: right;
	margin: 0px 0px 5px 7px;
}

#reviews-detail .shouts {
  clear: right;
  float: left;
	margin: 15px 18px 15px auto;
	width: 50px;
	text-align: center;
	font-size: 10px;
	background: white;
	border: 0px;
}

#reviews-detail .shouts .shoutcount {
	border: solid #eee;
	border-width: 2px 5px 5px 2px;
	background: white;
	padding: 8px 0px 5px 0px;
	color: #996699;
}

#reviews-detail .shouts .shoutit {
	margin-top: 5px;
	background: white;
}

#reviews-detail .shouts .shoutit a {
  text-decoration: none;
}

#reviews-detail .shouts .number {
  font-size: 20px;
}

#reviews-detail .shouts p {
  margin: 5px;
	font-size: 10px;
}

.sorting {
 font-size: 12px;
 margin: 15px auto 0px auto;
 text-align: center;
}

#reviews-detail .review-body {
  font-size: 12px;
	margin: 10px auto 10px auto;
}

#reviews-detail .review-info {
  font-size: 12px;
	margin: 10px auto 0px auto;
	float: right;
}

#reviews-detail .review-info img {
  
	margin: 5px 5px 0px 5px;
	border: 1px solid #ddd;
}
	
img.middle {
  vertical-align: middle;
}

#reviews-detail h1 {
  font-size: 19px;
	margin: 5px auto 10px auto;
}


#write-review {
  margin: 15px auto auto 340px;
	padding: 10px;
	border: 3px solid #ddd;
	width: 475px;
	font-size: 12px;
	background: #eee;
}

#write-review table td {
  font-size: 12px;
	color: #555;
	padding: 5px 10px 0px 0px;
	vertical-align: top;
}

#write-review h1 {
  text-align: left;
}

#write-review .review-title {
  width: 300px;
}

#write-review .review-body {
  width: 300px;
	height: 400px;
}

#write-review input, #write-review textarea, #write-review select {
  border: 3px solid #ddd;
}

/* Star Rating System */

.star-rating {
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 80px;
	height: 16px;
	position: relative;
	overflow: hidden;
}
.star-rating a {
  outline: none;
}
.star-rating {
	background: url(images/star.gif) top left repeat-x;
}

.star-rating:hover {
	background: url(images/star.gif) top left repeat-x;
}

.star-rating li
{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}

.star-rating li a
{
	display:block;
	width:16px;
	height: 16px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}

.star-rating li a:hover
{
	background: url(images/star.gif) left center;
	z-index: 2;
	left: 0px;
}

.star-rating li a.one-star, 
{
	left: 0px;
}

.star-rating li a.one-star:hover, 
{
	width:16px;
}

.star-rating a.two-stars{
	left:16px;
}
.star-rating a.two-stars:hover{
	width: 32px;
}
.star-rating a.three-stars:hover{
	width: 48px;
}
.star-rating a.three-stars{
	left: 32px;
}
.star-rating a.four-stars{
	left: 48px;
}	
.star-rating a.four-stars:hover{
	width: 64px;
}
.star-rating a.five-stars{
	left: 64px;
}
.star-rating a.five-stars:hover{
	width: 80px;
}

.star-rating li.current-rating{
		background: url(images/star.gif) bottom left;
		left: 0;
		position: absolute;
		height: 16px;
		display: block;
		text-indent: -9000px;
  	z-index: 1;
}		

/* alternate */

/***************************/
/* Pagespan 
/***************************/

.pagespan {
  font-size: 12px;
	text-align: center;
}

.pagespan .from {
  margin-bottom: 10px;
}

.pagespan ul {
  margin: 10px auto 10px auto;
	padding: 0px;
	display: inline;
	margin: 0;
}

.pagespan ul li {
  display: inline;
	margin: 0 3px 0 3px;
	border: 0px solid #ddd;
	padding: 3px;
}

.pagespan ul .current {
  display: inline;
	margin: 0 3px 0 3px;
	padding: 3px;
	background: #eee;
}

.pagespan ul a {
  text-decoration: none;
}

.pagespan ul li:hover {
  background: #eee;
}

.pagespan ul li.current:hover {
  background: #eee;
}

.pagespan ul li.ellipsis:hover {
  background: white;
}

.pagespan .back {
  margin: 0px;
}

/***************************/
/* Add service page 
/***************************/

#editservice {
  font-size: 12px;
	text-align: left;
	padding: 15px;
	margin: 15px auto 15px auto;
	width: 1000px;
	border: 1px solid #aaa;
}


#addservice {
  font-size: 12px;
	text-align: left;
	margin: 35px auto 15px 375px;
	width: 400px;
	
}

#editservice table {
  font-size: 12px;
}

#editservice p, #addservice p {
  margin: 5px 0px 5px 0px;
	color: #555;
	font-size: 14px;
}

#editservice h1 {
  text-align: left;
	padding: 0px;
	margin-left: 0px;
}

#editservice h2, #addservice h2 {
   font-size: 14px;
	 margin: 2px;
}

#addservice-sidebar {
	background: #eeffe6 url(images/comp_info_slice.gif) repeat-x;
  	font-size: 12px;
	text-align: left;
	margin: 25px 15px 15px 15px;
	width: 300px;
	padding: 15px;
	float: left;
}

#addservice-sidebar p {
  margin: 10px 0px 10px 0px;
	color: #555;
	font-size: 14px;
}

#addservice-sidebar h1 {
  text-align: left;
	padding: 0px;
	margin-left: 0px;
}

#addservice-sidebar h2 {
   font-size: 14px;
	 margin: 2px;
}


#editservice #addform, #addservice #addform {
  list-style: none;
}

#editservice .rightform {
  float: right;
	margin-right: 200px;
	text-align: left;
}

#editservice #addform li, #addservice #addform li {
  margin: 1px auto 15px auto;
}

#editservice .description, #addservice .description {
  width: 400px;
	height: 250px;
}

#addservice #categories {
	margin: 0;
	list-style: none;
	width: 400px;
}

#addservice #categories li {
	margin: 0 5px 0 5px;
}



/***************************/
/* User Profile 
/***************************/

#sidebar-profile {
 float: left;
 margin: 25px auto 25px auto;
 text-align: left;
 font-size: 12px;
 padding: 0px;
 width: 300px;
}

#sidebar-profile #info {
  border: solid #eee;
	border-width: 3px 6px 6px 3px;
	padding: 10px;
  background: url(images/slice-inv.gif) repeat-x top left;
	clear: left;
}

#sidebar-profile .content {
 padding: 0px 15px 0px 15px;

}

#sidebar-profile .status {
	margin: 3px 0px 0px 0px;
}

#sidebar-profile .profilepic img {
  float: left;
	margin: 10px;
  border: 4px solid #ddd;

}

#sidebar-profile .name {
  color: #555;
	font-size: 20px;
	margin-top: 20px;
}

#sidebar-profile p {
  margin: 5px 0 15px 0;
}

#sidebar-profile h1 {

}

#sidebar-profile h2 {
 margin: 5px auto 1px 0;
 font-size: 14px;
}

#sidebar-profile h3 {
 font-size: 12px;
 color: #aaa;
 margin: 0px;
}

#reviews-user {
 text-align: left;
 padding: 15px;
 margin: 15px 15px 15px 300px;
 width: 500px;
}

#profile-form {
  font-size: 12px;
}

#profile-form table tr td {
  vertical-align: top;
	padding-top: 15px;
}

#profile-form .about {
  width: 300px;
	height: 300px;
}

/***************************/
/* Edit User Profile 
/***************************/

#edit-profile {
 text-align: left;
 width: 500px;
 margin: 25px auto 25px auto;
 font-size: 12px;
 border: 3px solid #ddd;
 padding: 25px;
}

#edit-profile table {
 margin: 15px;
}

#edit-profile td {
 padding: 5px 10px 5px 10px;
 font-size: 12px;
 font-weight: bold;
 color: #006600;
 vertical-align: top;
 
}

#edit-profile input {
	width: 200px;
}

#edit-profile h2 a {
  color: #996699;
	font-size: 15px;
	margin: 15px auto 3px auto;
}

.success {
	color: green;
	font-weight: bold;
}

.failure {
  color: red;
	font-weight: bold;
}

.formdesc {
  font-size: 11px;
	color: #777;
	margin-top: 5px;
	font-weight: normal;
}

/***************************/
/* Misc 
/***************************/

.admin {

  background: yellow;
	padding: 15px;
	width: 850;
	border: 1px solid #777;
  margin: 5px auto 5px auto;
}

.highlight {

  background: yellow;
}