/* These styles are for this demo page */
body {background: #E5E5E5; font-family: Arial, Helvetica, sans-serif; margin: 10px auto; padding: 0; width: 990px; color: #333; font-size: .8em; }

#content {background: #FFF; padding: 20px; }

.tan {color: #E5E5E5; }
.green {color: #0090CC;}
.ltgreen {color: #B5C74E; }
.blue {color: #CC0000; }

h1, h2, h3, h4 { margin: 0; padding: 0; }

h2 {font-size: 1.6em; margin-bottom: 1em; }
h2 small {font-size: .5em; }

h3 {color: #333; font-size: 1.4em; margin: 1em 0 0 0; }
.bg {background: url(/images/bg_h3.gif) left center no-repeat; color: #0090CC; }
.bg span {margin: 0 5px 0 5px; padding: 2px 5px 2px 5px; background: #FFF; }
h3 small {font-size: .7em; }

h4 {color: #CC0000; font-size: 1.3em; }

a, a:link {color: #CC0000;}
a:visited {color: #666666;}
a:hover {color: #31B1E6; text-decoration: none; }

a.noline {text-decoration: none; }

/*---------------------------------------
	Forms
---------------------------------------*/
form label {display: block; float: left; width: 150px; padding-top: 5px; font-weight: bold; }
form div {clear: left; margin-bottom: 15px;}
form small { font-size: 10px; color: #000033; }
form .TextField { background: #fff; border: solid 1px #AAA; padding: 5px; margin-right: 5px; font-size: 11px; color: #000;}
form submit {cursor: pointer; }
form .descriptor {margin: 3px 0 0 92px; font-size: .8em; }
form.alt label {width: 90px; }

/*---------------------------------------
	Header
---------------------------------------*/
#header {background: #0090CC url(/images/bg_header.gif) no-repeat top left; margin: 0; padding: 0; height: 165px;}
#header h1 {margin: 0; float: left; width: 325px; height: 130px; background: url(/images/title.gif) 16px 16px no-repeat;}

#toplogin {color: #CC0000; float: right; text-align: right; width: 400px; margin: 0 0 0 5px; font-size: 1.2em;}
#toplogin .avatar {float: right; width: 32px; margin: 0 0 10px 10px; border: 2px solid #FFF; }
#toplogin .welcome {color: #444; }
#toplogin .username {font-weight: bold; color: #CC0000; }
#toplogin .tools {font-size: 10px; margin: 2px 0 2px 0; padding: 0; }


#toplogin form {font-size: .8em; font-weight: bold; margin: 0; padding: 0; }
#toplogin .input {width: 100px; }
#toplogin .signup {color: #FFF; font-size: 1.2em; padding: 15px 5px 0 0;}
#toplogin .signup a, #toplogin .signup a:link, #toplogin .signup a:visited, #toplogin .signup a:hover {color: #FFF;}
#toplogin submit {cursor: pointer; }

.menu ul {float: right; width: 240px; }
.menu ul li {display: block; float: left; width: 120px; }


#searchform {margin: 0; padding: 3px; text-align: right; height: 32px; color: #FFF; font-weight: bold; font-size: 14px; }
#searchform input, #searchform select {font-size: 14px; }
#searchform input.searchbox { }

#searchform .terms { }
#searchform .lite {color: #999; }
#searchform a {color: #FFF; }

#main {float: left; width: 630px;}

#center {float: right; width: 450px; margin-left: 20px; }

/*---------------------------------------
	Homepage
---------------------------------------*/

/* Messages */
.message {border: 1px solid #31B1E6; background: #D8EFFC url(../images/information.png) 3px 3px no-repeat; margin: 0 0 1em 0; padding: 4px 5px 5px 25px; width: 600px; float: left; * float: none; }
.success {border: 1px solid #91AB2F; background-color: #E8F2C3; background-image: url(../images/accept.png);}
.error {border: 1px solid #CC5533; background-color: #FFEEEE; background-image: url(../images/exclamation.png);}

.message_loading {float: right; width: 25px; height: 25px; background: url(/images/loading.gif) no-repeat center center;}

/* These styles are for the pagination object */
div.paginationbar {background: #EFEFEF; border-bottom: 1px solid #CC0000; padding: 10px; }
div.paginationbar-bottom {background: #EFEFEF url(../images/bg_paginationbar-bottom.gif) bottom right no-repeat; border-top: 1px solid #CC0000; padding: 5px; margin-top: 10px; }

div.pagination {padding: 2px; margin: 5px; font-size: .7em; }
div.pagination a {padding: 2px 5px 2px 5px; margin: 1px; border: 1px solid #0090CC; text-decoration: none; /* no underline */ color: #31B1E6; background: url(/images/bg_pagination.png) repeat-x top left;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #0090CC; color: #FFF; background: #31B1E6; text-decoration: underline; }
div.pagination span.current {padding: 2px 5px 2px 5px; margin: 1px; border: none; /* border: 1px solid #0090CC; */ font-weight: bold; background: none; /* background-color: #CCE8FC; */ color: #0090CC;}
div.pagination span.disabled {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #999; color: #666;}

/*---------------------------------------
	Sidebars
---------------------------------------*/
#sidebar_left {float: left; width: 160px;}

#sidebar_left .titlebar {background: #EFEFEF url(../images/bg_titlebar.gif) top right no-repeat; border-bottom: 1px solid #CC0000; padding: 10px; font-weight: bold; }

#sidebar_left ul {margin: 0 0 0 15px; padding: 0; list-style-type: square; }
#sidebar_left ul li {margin: 5px 0 0 0; padding: 0 0 5px 0; color: #444; } 
#sidebar_left ul li a:visited {color: #CC0000; } 

#sidebar_left div.dottedline {border-top: 1px solid #DDD; padding: 10px 0 10px 0; font-size: 0px;}

#sidebar_right {float: right; width: 300px; }
#sidebar_right p {font-size: .8em; margin-bottom: 15px;}

#sidebar_right h4.bg-sm {background: url(/images/bg_h4-sm.gif) left center no-repeat; color: #0090CC; }
#sidebar_right h4.bg-sm span {margin: 0 5px 0 5px; padding: 2px 5px 2px 5px; background: #FFF; }

#sidebar_right ul {list-style: none; margin: 0; padding: 0;}
#sidebar_right ul h2 {font-size: 1.1em; color: #CC0000; margin-bottom: 5px; }
#sidebar_right ul li {border-bottom: 1px solid #EFEFEF; margin-bottom: 15px;}
#sidebar_right ul ul {list-style: disc; color: #0090CC; font-size: .8em; margin: 0 0 20px 15px;}
#sidebar_right ul ul li {margin-bottom: 5px; border: none;}
#sidebar_right ul ul ul { }
#sidebar_right ul ul li a {color: #333; text-decoration: none;}
#sidebar_right ul ul li a:hover {border-bottom: 1px dotted #333;}
#sidebar_right ul ul li a:visited {}

#sidebar_right ul.related-articles li img {float: left; width: 48px; margin: 0 10px 10px 0; }
#sidebar_right ul.related-articles li .details {float: right; width: 220px; }
#sidebar_right ul.related-articles li .title {font-size: 1.2em; font-weight: bold; margin: 0 0 5px 0; }
#sidebar_right ul.related-articles li .meta {font-size: .8em; color: #555; }

#sidebar_right ul.minisearch li img {float: left; width: 50px; margin: 0 10px 10px 0; }
#sidebar_right ul.minisearch li .details {float: right; width: 210px; }
#sidebar_right ul.minisearch li .title {font-size: 1em; font-weight: bold; margin-bottom: 5px; }
#sidebar_right ul.minisearch li .meta {font-size: .8em; color: #555; }

#sidebar_right form label {display: block; float: left; width: 90px; padding-top: 5px; font-weight: bold; font-size: 12px; }
#sidebar_right form div {clear: left; margin-bottom: 8px;}
#sidebar_right form small { font-size: 10px; color: #000033; }
#sidebar_right form .TextField { background: #fff; border: solid 1px #AAA; padding: 3px; margin-left: 5px; font-size: 11px; color: #333;}
#sidebar_right form submit {cursor: pointer; }

.box-msg {font-size: .9em; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #E5E5E5; }
.box-msg-t {font-size: .9em; padding-top: 10px; margin-top: 10px; border-top: 1px solid #E5E5E5; }

.box-msg .signup {text-align: center;}


/*---------------------------------------
	Ads
---------------------------------------*/
.md_rectangle {width: 300px; height: 250px; margin: 10px 0 10px 0; }
.wd_skyscraper {width: 160px; height: 600px; margin: 10px 0 10px 0; }
.banner {display: block; float: right; width: 468px; height: 90px; margin: 0px 0 10px 0; }


/*---------------------------------------
	Etc.
---------------------------------------*/

.picupload label {display: block; float: left; width: 140px; padding: 5px; margin-bottom: 15px; font-weight: bold; text-align: right}
.picupload div {margin-bottom: 10px; clear: left; }

.browse {margin: 0; padding: 0; display: inline-block; }
.browse li {float: left; list-style: none; padding: 5px; margin: 0 0 10px 0;}
.browse a, .browse a:link, .browse a:visited {padding: 5px; }
.browse a:hover {background-color: #F1F1F1; text-decoration: underline; }

.box {background: #FFF; border: 1px solid #EFEFEF; border-top: none; padding: 10px;}

.newusers {list-style: none; margin: 0; padding: 0; }
.newusers li {display: block; float: left; width: 91px; font-weight: bold; text-decoration: none; text-align: center; padding: 10px 5px 10px 5px; }
.newusers li img {margin-bottom: 5px; }

/*---------------------------------------
	Product Page
---------------------------------------*/
.product .productpic, .userpic {float: left; font-size: .8em; margin: 2px 20px 10px 0; text-align: center; }
.product .productpic img, .userpic img {margin-bottom: 5px; }
.product a img {border: none; }
.picmeta {margin: 0 !important; padding: 0 0 5px 0; font-size: .9em; }
.product p {margin: 0 0 10px 0; }

.product .buy {float: left; width: 90px; margin: 5px 5px 5px 0; }
.product .price {padding: 12px 0 0 0; }

ul.piclist {display: inline; list-style-type: none; }
ul.piclist li {background: #FFF; border: 1px solid #CCC; float: left; margin: 5px; padding: 3px; text-align: center; width: 207px; height: 200px; text-align: center; }
ul.piclist li.pending {background: #FFEEEE; border: 1px solid #FFAAAA;}
ul.piclist li.title {border: 1px solid #000;}

ul.piclist.small li {border: 0; margin: 2px 0 2px 2px; padding: 0; width: 50px; height: 50px;}

#tagbox {padding: 10px; width: 608px; }
#tagbox p {margin: 0; padding: 0; }
#tagbox .add_new {clear: left; color: #333; margin-top: 5px; padding-top: 5px; border-top: 1px solid #EFEFEF;}

ul.tags {margin: 0; padding: 0; display: inline-block; }
ul.tags li {float: left; list-style: none; margin: 0 2px 5px 0;  padding: 2px 1px 2px 1px;}
ul.tags a:link, ul.tags a:visited {font-size: .8em; background-color: #EEE; color: #000; text-decoration: none; padding: 1px 2px 1px 2px; border: 1px solid #000;}
ul.tags a:hover {background-color: #FFF;}

/*---------------------------------------
	Rating
---------------------------------------*/
.rating-box {float: right; width: 80px; background: #EFEFEF; padding: 10px; text-align: center; margin: 0 0 15px 15px; }
.rating-box .title {font-weight: bold; color: #CC0000; margin-top: 5px; font-size: 1.3em; }

/* Star Rating */	
.star-rating {list-style: none; margin: 0; padding: 0; width: 80px; height: 16px; position: relative; background: url(../images/stars16avg.gif) top left repeat-x; }
.star-rating li {padding:0; margin: 0; 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/stars16avg.gif) left bottom; z-index: 2;	left: 0px; }
.star-rating a.one-star {left: 0px; }
.star-rating 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 {left: 32px;	}
.star-rating a.three-stars:hover {width: 48px; }
.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 {* margin-left: -40px; background: url(../images/stars16avg.gif) left center; position: absolute; height: 16px; display: block; text-indent: -9000px; z-index: 1;}	
.star-rating li.your-rating{* margin-left: -40px; background: url(../images/stars16mine.gif) left center; position: absolute;	height: 16px; display: block; text-indent: -9000px; z-index: 1; }			
/* End Star Rating */

/*---------------------------------------
	Comments
---------------------------------------*/
.comments {background: #31B1E6; padding: 10px; margin-top: 1em;}
.comments .title {font-size: 1.4em; color: #FFF; font-weight: bold; margin: 0 0 10px 0; }

.comments .comment {margin-bottom: 5px; display: block; padding: 1px 0 1px 0; }

.comments .comment .commenttitle {color: #444; background: #EFEFEF; padding: 4px; border-top: 1px solid #EFEFEF;  }
.comments .comment .commenttitle .report {float: right; width: 140px; font-size: .9em; text-align: right;}

.comments .comment .content, .comments .comment .content-alt {margin-bottom: 5px; padding: 5px 5px 0 5px; background: #FFF; }
.comments .comment .content img {float: left; margin: 0 10px 10px 0; }
.comments .comment .content p {margin: 0; padding: 0 0 5px 0; }
.comments .comment .content-alt p {margin: 0; padding: 0 0 5px 0; }

.addcomment {font-size: .9em; background: #EFEFEF; padding: 10px; }
#commentform div {margin: 8px 0 5px 0; clear: left; }
#commentform label {display: block; float: left; width: 100px; padding: 5px; font-weight: bold; text-align: right; }
#commentform small { font-size: 10px; color: #000033; }
#commentform .TextField { background: #fff; border: solid 1px #AAA; padding: 5px; margin-right: 5px; color: #000;}
#commentform .TextArea { background: #fff; border: solid 1px #AAA; padding: 5px; color:#000; font-family: Arial, Helvetica, sans-serif; }
#commentform  submit {cursor: pointer; }

/*---------------------------------------
	Profile
---------------------------------------*/
.profile {margin-bottom: 15px;}
.profile h2 {margin-bottom: 10px;}
.profile p {margin: 0 0 5px 0; padding: 0px;}
.profileinfo {float: right; width: 480px;}

.activity {width: 585px; margin: 0; padding: 15px 10px 15px 10px; border-bottom: 1px solid #EFEFEF; }
.odd {background: #EFEFEF; }
.first {padding-top: 0px;}
.activity h4 {margin: 0 0 .5em 0;}

.activity .right {float: right; width: 80px; margin: 0 0 10px 10px; text-align: center; }
.activity .image {float: left; width: 50px; margin: 0 10px 0 0; text-align: center; }
.activity .inner {margin-left: 60px; }

.activity_rating {font-size: .9em; line-height: 1.4em; margin-bottom: .5em; }
.activity_comment {font-size: .9em; line-height: 1.4em; margin-bottom: .5em;}
.activity_date a {text-decoration: none; font-size: 10px; font-weight: bold; background: url(../images/comment.gif) top left no-repeat; padding: 1px 2px 3px 20px;  }
.activity_date a:hover {text-decoration: underline; }
.activity_date a:visited {color: #CC0000; }

.activity_tag {font-size: .9em; line-height: 1.4em; margin-bottom: .5em;}
.activity_add {font-size: .9em; line-height: 1.4em; margin-bottom: .5em;}
.activity_details {font-size: .9em; line-height: 1.4em; margin-bottom: .5em;}


/*---------------------------------------
	Add Avatar 
---------------------------------------*/

.defaultavatars, .myavatar {line-height: 1.7em; }
.defaultavatars {float: right; width: 440px; padding: 10px 0 10px 0; }
.defaultavatars img, .myavatar img {margin-right: 10px; }
.defaultavatars img a:link, .myavatar img a:link {border: 1px solid #0090CC; }
.defaultavatars img a:hover, .myavatar img a:hover {border-color: #333; }

.myavatar {float: left; width: 132px; padding: 10px; background: #EFEFEF;}

/*---------------------------------------
	Search Results
---------------------------------------*/
p.titletop {font-size: 1em; margin: 0 0 20px 0; padding: 0; }

.result {padding: 10px 0 10px 0; border-bottom: 1px solid #DDD; border-top: 1px solid #FFF; }
.result h3 {font-size: 1.1em; margin: 2px 0 3px 0; padding: 0; }

.result .left {float: left; width: 360px;}
.result .left .buy {float: left; width: 90px; margin: 5px 5px 5px 0; }
.result .left p {margin: 5px 0 5px 0; }

.result .left .counts {margin: 17px 0 0 0; color: #666; font-size: .9em; }
.result .left .counts a:link, .result .left .counts a:visited {text-decoration: none; }
.result .left .counts a:hover {text-decoration: underline; }
.result .left .counts .comments {background: url(../images/comments.gif) top left no-repeat; padding: 2px 0 5px 18px; }
.result .left .counts .tags {background: url(../images/tags.gif) top left no-repeat; padding: 2px 0 5px 18px; }

.result .right {float: right; width: 80px; margin: 0 0 0 10px; text-align: center; }
.result .right img {margin-bottom: 5px; }

.result p {font-size: .8em; margin: 5px 0 0 0; padding: 0; }


/*---------------------------------------
	Footer
---------------------------------------*/
#footer { margin: 5px 0 auto; padding: 20px; background: #EFEFEF url(../images/bg_footer.gif) bottom right no-repeat; }	
#footer h4 { color: #0090CC; font-size: 1.2em; margin: 0 0 5px 0;}
#footer ul { margin: 0; padding: 0; list-style: none; }
#footer ul li { margin-bottom: 5px; }
#footer a { color: #333;}

#footer .section {display: block; float: left; width: 160px; }

#subfooter { margin: 15px; color: #999; }


/*---------------------------------------
	Misc
---------------------------------------*/
.hidden {display: none;}
.clear {clear: both;}
.clearleft {clear: left;}
.clearight {clear: right;}

.right {float: right;}
.left {float: left;}
.center {text-align: center;}

.shadow {margin-left: 2px; background-color: #EFEFEF; height: 3px; font-size: 3px; } 

.top1em {margin-top: 1em !important;}
.top2px {margin-top: 2px !important;}
.notop {margin-top: 0; }

.pad0 {padding: 0;}
.top1pxpad {padding-top: 1px; }

.red, a.red {color: #CC0000 !important;}

.lightgray {color: #999 !important;}
.midgray {color: #666 !important;}
.white, .white:link, .white:visited {color: #FFFFFF;}

hr.gray {background: none; color: #FFFFFF; border-bottom: 1px solid #CCC;}

.noborder {border: none; text-decoration: none; }
.bold, .bold a { font-weight: bold !important; }
.strong {font-weight: bold; }

.postpic, .pagepic {float: right; margin: 0 0 20px 20px; }