/*
	Color sets
	
	VERY light grey: #ececec
	Light grey: #485048
	Dark grey: #303930
	Light green: #9ad04d
	Dark green: #549821
	Yellow: #c8bc59
	Blue: #4a9dcc
	
*/
/* General Style */ 
body {
	background: #303930;
	margin: 0;
	padding: 0;
	font: .8em Tahoma, Verdana, Helvetica;
	color: white;
}

a {color: #549821; background: none; text-decoration: none;}
a:hover {background: #9ad04d; color: white; text-decoration: none;}
img, img a, img a:hover {border: 0; padding: 0; margin: 0; background: transparent;}

h2.siteTagLine {
	font-size: .8em;
	font-weight: normal;
	color: #c8bc59;
	width: 250px; height: 43px;
	position: absolute;
	margin: 10px 0 0 65px;
}

h1, h2, h3 {color: #4a9dcc; font-weight: normal; margin: 0 0 10px 0;}
h1 {font-size: 20px; padding: 0;}
h1 span.countTag {font-size: 14px;}
h1.introText {color: #303930; font-size: 1.1em; margin: 5px 0 25px 0;}
h2 {font-size: 17px;}
h3 {font-size: 14px;}
h3.boxInnerTitle {margin: 5px 0 0 0; padding: 0;}
h4 {color: #c8bc59; font-size: 1.2em; font-weight: normal;}

hr {border: 1px solid #ddd;}

del {text-decoration: none; line-height: 30px;}

li.listed {list-style: disc; padding: 4px 0;}

#contestRules ol {list-style: decimal; margin: 0;}
#contestRules ol li {list-style: decimal; margin: 8px 0;}
#contestRules .ruleset {border: 4px solid #ccc; background: #ececec; padding: 15px;}

#pageWrap {
	background: #549821 url(../images/bg.png) top left repeat-x;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
#container {
	margin: 0 auto 0 auto;
	background: url(../images/container.png) top left repeat-y;
	width: 837px; height: 100px;
	overflow: hidden;
}
#containerTop, #containerTop2 {
	background: url(../images/containertop.png) top left no-repeat;
	width: 837px; height: 23px;
	margin-top: 70px;
	float: left;
	display: inline;
}
#containerTop, #containerTop2 {margin-top: 96px;}
#containerBottom {
	background: url(../images/containerbottom.png) top left no-repeat;
	width: 837px; height: 23px;
	margin: 0 auto 0 auto;
}

.logo {width: 55px; height: 43px; margin-top: 0; z-index: 1235; position: relative;}
.logo a img, .logo a:hover img {background: none;}

#wrapper {
	width: 837px;
	background: transparent url(../images/greenie.png) 0 0px no-repeat;
}
#forestWrapper {
	width: 837px;
	background: transparent url(../images/forest.png) 0 0px no-repeat;
}

#content {
	background: white;
	clear: both;
	color: #666;
	overflow: hidden;
	padding: 18px;
	background: url(../images/container.png) top left repeat-y;
	width: 801px; 
}

#leftContent {
	width: 470px;
	float: left;
	display: inline;
}

#content li {list-style: none; padding: 2px;}

#whole_page {
	width: 837px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
}


#nav {
	color: #666;
	font-size: 12pt;
	background: #ececec;
	padding: 0.5em;
}

#footer {
	background: #303930;
	width: 100%;
	height: 200px;
	font-size: .85em;
}

#footer ul {
	list-style: none;
	margin: 0 auto 0 auto;
	width: 800px;
	text-align: center;
	padding: 8px 0 0 0;
}

#footer li {
	display: inline;
	padding: 0 10px 0 0;
}

/* Hack to get IE to display fieldset/legend correctly */

html fieldset {
  position: relative; 
}
html legend { 
  position:absolute; 
  top: -1em; 
  left: .5em;
  font-size: 1.2em;
}
html fieldset {
  position: relative; 
  margin-top:1em; 
  padding-top:2em; 
  padding-bottom: 2em;
}


/*EXTRAS*/
.fr {float: right; display: inline;}
.fl {float: left; display: inline;}
.overflow_hidden {overflow: hidden;}
.cleared {clear: both;}
.height100 {height: 100%;}

#loader {background: #303930; text-align: center; padding: 30px; border: 4px solid #ececec; color: #ececec; font-weight: bold;}
#loader span {display: block; margin-top: 6px;}


/* Form Styles */
form {margin: 0; padding: 0;}
fieldset { 
	background: white; 
	border: 0;

} 
h3.login {color: #73cff6;}
legend { 
	color: #c8bc59;  
	padding: 3px 0em; 
	border: 0;
} 
label { 
	width: 6em; 
	float: left; 
	text-align: left; 
	margin-right: 0.1em; 
	display: inline; 
	font-size: 12px;
	
}
.form_row {
	white-space: nowrap;
	padding-bottom: .5em;
} 
.form_row label {font-size: 12px; padding-top: 2px;} 

.submit { 
	margin: 10px 0em 0 0; 
	float: right;
	display: inline;
}

.submit {
	border-top: 2px solid #303930;
	border-left: 2px solid #303930;
	border-bottom: 2px solid #303930;
	border-right: 2px solid #303930;
	background: #485048;
	font-family: Tahoma;
	color: #4a9dcc;
	font-weight: bold;
	font-size: 1.6em;
	cursor: pointer;
	padding: 4px;
}
.submit:hover {background: #9ad04d; color: white;}


.searchText {border: 1px solid #ececec; width: 56px; font-size: 1.5em;font-weight: normal; font-family: Tahoma; color: #303930;}
.searchText:hover {border: 1px solid green; color: #549821;}

#searchBar {
	width: 280px;
	height: 67px;
	background: url(../images/searchbar.png) top left no-repeat;
}
.searchField {
	width: 160px;
	background: white;
	font-size: 1.8em;
	font-family: Tahoma, Verdana;
	height: 30px;
	border: 1px solid #ececec;
	float: right;
	display: inline;
	margin: 16px 18px 0 0;
	color: #303930;
}

.searchField:hover {color: #485048; border: 1px solid green;}

#rehashSearchBar {
	width: 700px;
	height: 67px;
	background: url(../images/longsearchbar.png) top left no-repeat;
}
.rehashSearchField {
	width: 575px;
	background: white;
	font-size: 1.8em;
	font-family: Tahoma, Verdana;
	height: 30px;
	border: 1px solid #ececec;
	float: right;
	display: inline;
	margin: 16px 18px 0 0;
	color: #303930;
}

.rehashSearchField:hover {color: #485048; border: 1px solid green;}

div.autocomplete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
	  z-index: 100;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul li.selected {background-color: #ffb; font-weight: bold;}
    div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:4px;
      height:32px;
      cursor:pointer;
    }
		
div#tag_name_auto_complete, div#author_first_name_auto_complete,
div#author_middle_name_auto_complete, div#author_last_name_auto_complete,
div#publisher_name_auto_complete {
      position:absolute;
      width:250px;
	  z-index: 100;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
	  font-size: 12px;
    }
    div#tag_name_auto_complete ul, div#author_first_name_auto_complete ul,
    div#author_middle_name_auto_complete ul, div#author_last_name_auto_complete ul,
    div#publisher_name_auto_complete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    div#tag_name_auto_complete ul li.selected,
    div#author_first_name_auto_complete ul li.selected,
    div#author_middle_name_auto_complete ul li.selected,
    div#author_last_name_auto_complete ul li.selected,
    div#publisher_name_auto_complete ul li.selected {background-color: #ffb; font-weight: bold;}
    div#tag_name_auto_complete ul li,
    div#author_first_name_auto_complete ul li,
    div#author_middle_name_auto_complete ul li,
    div#author_last_name_auto_complete ul li,
    div#publisher_name_auto_complete ul li, {
      list-style-type:none;
      display:block;
      margin:0;
      padding:4px;
      height:auto;
      cursor:pointer;
    }
    label.authorLabel {width: 7em;}

/*Stuff for login/register */
.unbox, .embox, .pwbox {color: #303930; padding: 0 5px; width: 120px; border: 1px solid #ddd; font-family: Tahoma; font-size: 1.5em;}
.unbox:hover, .embox:hover, .pwbox:hover {border: 1px solid green; color: #549821;}

/* Error Reporting Styles */

.fieldWithErrors {
  padding: 2px;

  border: 2px solid red;
  display: inline-table;
}

#errorExplanation {
  /* width: 400px; */
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #ececec;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #303930;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
} 

/* Flash Notice Style */

#notice, .notice, .notice2, #ajax_notice, #ajax_notice_folder {
  border: 1px solid #22fc40;
  padding: 1em 25px 1em 25px;
  margin-bottom: 2.4em;
  width: 750px;
  background: #9ef3aa url(../images/ico_check.png) 6px .9em no-repeat;
  font: bold smaller sans-serif;
  color: #2f2c2c;
  clear: both;
}
#ajax_notice {margin-left: -11px; border: 4px solid #ececec;}

.notice2 {background: #ececec url(../images/ico_notice2.png) 6px .9em no-repeat; border: 1px solid #ccc;}

/* Flash Error Style */

#error, .error, #ajax_error {
  border: 1px solid #e45331;
  padding: 1em 25px 1em 25px;
  margin-bottom: 2.4em;
  width: 750px;
  background: #faae9c url(../images/ico_error.png) 6px .9em no-repeat;
  color: #2f2c2c;
  font: bold smaller sans-serif;
  clear: both;
}
#ajax_error {margin-left: -11px; border: 4px solid #ececec;}

/* Debug Style */

.debug_dump  {
	border-top: 1px dashed green;
}
#debug {
  width: 800px;
  margin: 0 auto 10px auto;
  text-align: center;
  color: #666;
}
#debug a, #debug a.visited {
  text-decoration: none;
	color: maroon;
}
fieldset.debug_info {
  text-align: left; 
  border: 1px dashed #aaa; 
  padding: 10px; width: 796px; 
  background: #eee;
}

/* Community Styles */

.letter, .letter_current {
	width:  1em;
	text-align:  center;
	border: 1px solid #ececec; 
	background: #4a9dcc; 
	padding: 4px; 
	float: left;
	display: inline; 
	margin: 2px;
	color: white;
}

.letter:hover {
  background: #9ad04d;
}

.letter_current {
  background: #ececec;
  font-weight: bold;
  color: #303930;
  border:  1px solid #303930;
}
table td.checkbox {
	width: 10px;
	border: 0;
}
table.users {
	background:  #fff;
	margin-left:  2em;
	width: 450px;
	text-align: center;
}

table.users td.bottom {
	border-top: 1px solid #999;
	padding-top: 10px;
}

table.users th {
	color:  #666;
	background:  white;
	font-weight:  bold;
	
}

table.users th a {
	color:  white;
	text-decoration: underline;
}

table.users tr.even {
	background: white;
}

table.users tr.odd {
	background: white;
}

table.users td.avatar {
	width: 70px;
	text-align: left;
}
table.users td.karma {
	width: 70px;
	text-align: center;
}

#inviteFriend {
	width: 280px;
	border: 2px solid #ededed;
	padding: 4px;
	float: right;
	display: inline;
}

#inviteFriendTab {
	overflow: hidden;
	background: #1E261E;
	width: 150px;
	position: absolute;
	z-index: 10;
	font-size: 10px;
	margin: 19px 0 0 670px;
}

#inviteFriendTab a {color: #4a9dcc; display: block; padding: 2px 0 2px 0; text-align: center; width: 150px; font-weight: bold;}

#inviteFriendTab a:hover {background: #485048;}



/*Public Gallery*/
ul.publicAlbumList {
	width: 800px;
	overflow: hidden;
	height: 100%;
	list-style: none;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}

ul.publicAlbumList li {
	float: left;
	display: inline;
	width: 380px;
	height: 100%;
	overflow: hidden;
	margin: 10px 5px;
	
}
ul.publicAlbumList li div.albumInfo {
	float: left;
	display: inline;
	width: 190px;
}
ul.publicAlbumList li div.albumInfo span.albumPicCount {margin: 2px 0; font-size: .8em; color: #aaa;}
ul.publicAlbumList li div.albumInfo p.albumTitle {font-size: 1.3em; color: #c8bc59; margin: 0;}
ul.publicAlbumList li div.albumInfo p.albumDescription {}
ul.publicAlbumList li div.albumInfo span.albumDate {font-size: .8em; margin: 2px 0; color: #aaa;}

ul.publicAlbumList li div.deleteFriend {margin: 56px 0px 0px 0px; position: absolute; z-index: 1000;}
*:first-child+html ul.publicAlbumList li div.deleteFriend {margin: 56px 0px 0px -180px;}

.thumbnail_none {
	position: relative;
	float: left;
	display: inline;
	height: 50px;
	width: 50px;
	padding: 4px;
	margin-right: 10px;
	border: 1px solid #ccc;
	background-color: #ececec;
}
.thumbnail_none img {position: absolute; margin: 0; }

p.viewAll {text-align: right; margin: 0; padding: 0;}


/*Menu bar*/

#topNav {
	list-style: none;
	padding: 0px 0 0 0;
	margin: 0px auto 0 auto;
	background: url(../images/topbar.png) top left repeat-x;
	float: right;
	display: inline;
	height: 43px;
	z-index: 2;
}
*:first-child+html #topNav {margin: 21px auto -80px auto;}
* html #topNav {margin: 21px auto -80px auto;}

#topNav li {
	float: left;
	height: 30px;
	padding: 0 5px 0 0;
	display: inline;
}

#topNav li a {
	text-decoration: none;
	list-style: none;
	display: block;
	height: 30px;
}



.o1 a {color: white; font-size: .8em; padding: 17px 8px 0 8px; text-align: center;}
.o1 a:hover {color: #aaa; height:30px;background: none;}
#mainMenu li.o2 {color: #aaa; font-size: .8em; padding: 4px 8px 0 8px; margin-left: 30px;text-align: center;}
#mainMenu li.o2 a {color: #4a9dcc;}
#mainMenu li.o2 a:hover {color: #c8bc59; background: none;}
#mainMenu li.o3 {color: #aaa; font-size: .8em; padding: 4px 8px 0 8px; text-align: center;}
#mainMenu li.o3 a {color: #4a9dcc;}
#mainMenu li.o3 a:hover {color: #c8bc59; background: none;}

.oselected a {color: #549821; font-size: 1.1em; height:43px; background: white; padding: 10px 5px 0 5px; text-align: center;}
.oselected a:hover {color: #549821; height:43px; background: white;}

.o4 a {color: white; font-size: .8em; padding: 0px 0px 10px 0px;}

/*Individual menu labels */

.home a {width: 42px; background: url(../ficheiros/m_home.png) 0 0;}
.trading a {width: 70px; background: url(../images/m_trading.png) 0 0;}
.community a {width: 66px; background: url(../images/m_community.png) 0 0;}
.gogreen a {width: 57px; background: url(../images/m_gogreen.png) 0 0;}
.fashion a {width: 49px; background: url(../images/m_fashion.png) 0 0;}
.register a {width: 52px; background: url(../images/m_register.png) 0 0;}
.login a {width: 39px; background: url(../images/m_login.png) 0 0;}
.logout a {width: 46px; background: url(../images/m_logout.png) 0 0;}
.myprofile a {width: 59px; background: url(../images/m_myprofile.png) 0 0;}
/*I would've done this by just changing all the background positions in one go, but
  IE is a piece of crap and didn't like it.*/
.home a:hover {width: 42px; background: url(../ficheiros/m_home.png) bottom right;}
.trading a:hover {width: 70px; background: url(../images/m_trading.png) bottom right;}
.community a:hover {width: 66px; background: url(../images/m_community.png) bottom right;}
.gogreen a:hover {width: 57px; background: url(../images/m_gogreen.png) bottom right;}
.fashion a:hover {width: 49px; background: url(../images/m_fashion.png) bottom right;}
.register a:hover {width: 52px; background: url(../images/m_register.png) bottom right;}
.login a:hover {width: 39px; background: url(../images/m_login.png) bottom right;}
.logout a:hover {width: 46px; background: url(../images/m_logout.png) bottom right;}
.myprofile a:hover {width: 59px; background: url(../images/m_myprofile.png) bottom right;}

#mainMenu ul li a {height: 43px; text-indent: -9999px; padding: 0; margin: 0;}
.newevent a {margin-right: 30px; width: 37px; background: url(../images/newevent2.png) 0 0;}
.newevent a:hover {background: url(../images/newevent2.png) 0 0;}
/*.newevent a {margin-right: 30px; width: 36px; background: url(../images/newevent.png) 0 0;}*/

/*-----------------------*/


#mainMenu ul {
	list-style: none;
	float: right;
	margin: 0;
	display: inline;
}
#mainMenu a {display: block; color:white;}
#mainMenu a span {display: block; padding:4px 5px;}
#mainMenu li ul li a strong {color: white; padding: 0; display: inline;}
#mainMenu li ul li a:hover strong {color: #549821;}
#mainMenu li:hover a, #mainMenu li a {position: relative; z-index:1000;}
#mainMenu ul ul a {	
	display:block;	
	width:110px;
	margin: 0 0 0 -40px;
	list-style: none;
	padding: 5px 0 5px 30px;
	font-size: .8em;
	color: #9ad04d;
	background: none;
	text-indent: 0;
	height: auto;
}
#mainMenu ul ul a:hover {background: url(../images/littleleaf.png) 3px 3px no-repeat; color: #549821;}
#mainMenu ul li.subMain {background: url(../images/list_arrow.png) 80px 5px no-repeat; color: #549821;}
#mainMenu ul ul li.rehashStore a {font-weight: bold; color: #c8bc59;}
#mainMenu ul ul li.rehashStore a:hover {color: #4a9dcc;}
#mainMenu li {float: left; display: inline; padding: 0 4px; margin: 0;}
#mainMenu ul ul li {background: none; padding-left:1px;}
/*#mainMenu ul ul li.top-li {margin-top: 0px; padding: 0; background: url(../images/menu_bg_top.png) -40px -40px no-repeat; width: 206px;}*/
#mainMenu li.mm2 {background: none;}
#mainMenu li ul {position: absolute; background: url(../images/menu_bg_bottom.png) 0% 100% no-repeat; width: 105px; padding-bottom: 10px; left: -9999px; z-index: 1000;}

#mainMenu li ul ul {position: absolute; background: url(../images/menu_bg_bottom.png) 0% 100% no-repeat; width: 105px; padding-bottom: 10px; left: -9999px; z-index: 1000; margin: -20px 0 0 104px;}

#mainMenu li:hover ul, #mainMenu li ul li:hover ul, #mainMenu ul li.sfhover ul, #mainMenu ul li ul li.sfhover ul {left: auto;}
.top-sub-li {border-top: 3px solid #29391a;}
#mainMenu li:hover ul ul, #mainMenu li.sfhover ul ul {
	left: -999em;
}

/*Color Picker*/
#colorPickerMenu, #colorPickerMenuMain {width: 56px; height: 18px; background: url(../images/colorpicker.png) 0 0 no-repeat; margin: 0 0 0 0px; position: absolute; z-index: 1200;}
#colorPickerMenuMain {margin: -3px 0 0 0px;}
#colorPickerMenu ul {list-style: none; margin: 0px 0 0 6px; height: 18px; padding: 0;}
#colorPickerMenu ul li {float: left; display: inline; padding: 0 2px 0 0; margin: 0; position: relative; z-index: 1300;}
#colorPickerMenuMain ul {list-style: none; margin: 0px 0 0 6px; height: 18px; padding: 0;}
#colorPickerMenuMain ul li {float: left; display: inline; padding: 0 2px 0 0; margin: 0; position: relative; z-index: 1300;}
/*.colorpickmain {margin: -3px 0 0 0;}*/


/*Text*/
p.newAd {float: left; display: inline; clear: both; font-weight: bold; font-size: 1.6em; text-indent: 0px; margin: 50px 0 0 0;}
p.newAd2 {float: left; display: inline; clear: both; margin: 50px 0 0 0; overflow: hidden; padding: 6px 0;}
p.newAd a, p.newAd a:visited {color: white; background: #9ad04d; text-decoration: none;}
p.newAd a:hover {background: #c8bc59;}
span.littleTime {font-size: .8em;}
p.cloudSpace {word-spacing: 5px;}
span.userName {color: #000;}
p.cloudSpace a:hover {color: white;}
a.catCloud:hover {color: white; background: #303930;}
p.userEditExplain {margin: 0 0 10px 0; padding: 4px; width: 360px; background: #ececec;}
.indexViewTag {margin-left: 20px;}
*:first-child+html .indexViewTag {display: block; float: none;}


/*Resources areas*/
.linkBoxClass {font-size: 15px; margin-bottom: 10px;}
.linkBoxClass span {font-size: 11px; color: #ccc;}


/*Friends*/
#friendsTool {}
.friendsWrap {width: 490px; overflow: hidden; padding-bottom: 10px;}
.allFriendsWrap {width: 800px; overflow: hidden; padding-bottom: 10px;}
.topFriendsWrap {margin: 0 auto 0 auto; width: 800px; overflow: hidden; padding-bottom: 10px;}
.friendsWrap h3, .allFriendsWrap h3 {color: #4a9dcc;}


.friendlist {
	list-style: none;
	width: 485px;
	overflow: hidden;
	padding: 0;
	margin-left: 0;
}
.allFriendlist {
	list-style: none;
	width: 785px;
	overflow: hidden;
	padding: 0;
	margin-left: 10px;
}

.allFriendlist img, .friendlist img {padding: 0px; margin: 0;}
.friendlist li a:hover, .allFriendlist li a:hover {background: #303930; border: 1px solid white;}

.friendlist li {
	float: left;
	width: 50px;
	margin: 0px 10px 4px 5px;
	padding: 0px;
	display: inline;
}

.allFriendlist li {
	float: left;
	width: 50px;
	margin: 0px 19px 14px 5px;
	padding: 0px;
	display: inline;
}

.friendlist li a, .allFriendlist li a {float: left; display: inline; padding: 4px; background: #ececec; border: 1px solid #ccc;}


.pendingFriendCount {color: green;}
li span.acceptFriend a {color: green;}
li span.acceptFriend a:visited {color: green;}
li span.declineFriend a, li span.deleteFriend a {color: red;}
li span.declineFriend a:visited, li span.deleteFriend a:visited {color: red;}
li span.acceptFriend a:hover, li span.declineFriend a:hover, li span.deleteFriend a:hover {color: #ccc;}
/*Little delete icon*/
li div.deleteFriend a {background: url(../images/ico_delete.png) 0 0 no-repeat; height: 25px; width: 24px; padding: 0; margin: -63px 0 0 -8px; position: relative; z-index: 10; text-indent: -9999px; float: left; display: inline; border: 0;}
li div.deleteFriend a:hover {background: url(../images/ico_delete.png) bottom left no-repeat; border: 0;}
/*Little delete icon for books*/
li div.deleteBook a {background: url(../images/ico_delete.png) 0 0 no-repeat; height: 25px; width: 24px; padding: 0; margin: -88px 0 0 -8px; position: relative; z-index: 10; text-indent: -9999px; float: left; display: inline; border: 0;}
li div.deleteBook a:hover {background: url(../images/ico_delete.png) bottom left no-repeat; border: 0;}

/*Little accept/show icon*/
li div.acceptFriend a {background: url(../images/ico_accept.png) bottom left no-repeat; height: 25px; width: 24px; padding: 0; margin: -13px -16px 0 0; float: right; position: relative; z-index: 10; text-indent: -9999px; display: inline; border: 0;}
li div.acceptFriend a:hover {background: url(../images/ico_accept.png) 0 0 no-repeat; border: 0;}

/*Little edit icon*/
li div.editItem a {background: url(../images/ico_edit.png) bottom left no-repeat; height: 25px; width: 24px; padding: 0; margin: -63px -17px 0 0; float: right; position: relative; z-index: 10; text-indent: -9999px; display: inline; border: 0;}
li div.editItem a:hover {background: url(../images/ico_edit.png) 0 0 no-repeat; border: 0;}
/*Little edit icon for books*/
li div.editBook a {background: url(../images/ico_edit.png) bottom left no-repeat; height: 25px; width: 24px; padding: 0; margin: -88px -17px 0 0; float: right; position: relative; z-index: 10; text-indent: -9999px; display: inline; border: 0;}
li div.editBook a:hover {background: url(../images/ico_edit.png) 0 0 no-repeat; border: 0;}

/*Little edit icon for boxes*/
.editItem a {background: url(../images/ico_edit.png) bottom left no-repeat; height: 25px; width: 24px; padding: 0; margin: 0px -3px 0 0; float: right; position: relative; z-index: 10; text-indent: -9999px; display: inline;}
.editItem a:hover {background: url(../images/ico_edit.png) 0 0 no-repeat;}

/*Little delete icon for boxes*/
.deleteItem a {background: url(../images/ico_delete.png) 0 0 no-repeat; height: 25px; width: 24px; padding: 0; margin: 0px -3px 0 0; float: right; position: relative; z-index: 10; text-indent: -9999px;display: inline;}
.deleteItem a:hover {background: url(../images/ico_delete.png) bottom left no-repeat;}

/*Little show icon for boxes*/
.showItem a {background: url(../images/ico_accept.png) bottom left no-repeat; height: 25px; width: 24px; padding: 0; margin: 0px -3px 0 0; float: right; position: relative; z-index: 10; text-indent: -9999px; display: inline;}
.showItem a:hover {background: url(../images/ico_accept.png) 0 0 no-repeat;}


/*---------------------*/
/*Little edit icon for boxes*/
div.editItem2 a {background: url(../images/ico_edit.png) bottom left no-repeat; height: 25px; width: 24px; padding: 0; float: right; position: relative; z-index: 10; text-indent: -9999px; display: inline;}
div.editItem2 a:hover {background: url(../images/ico_edit.png) 0 0 no-repeat;}

/*Little flag icon for classified ad*/
div.flagItem2 a {background: url(../images/ico_flag.png) bottom left no-repeat; height: 15px; width: 65px; padding: 0 0 0 20px; float: right; position: absolute; z-index: 50; margin: -20px 0 0 395px; display: inline; color: red; font-weight: bold;}
div.flagItem2 a:hover {background: url(../images/ico_flag.png) 0 0 no-repeat; color: red;}

/*Little flag icon for images*/
.flagImage a {background: url(../images/ico_flag.png) bottom left no-repeat; height: 15px; width: 55px; padding: 0 0 0 14px; display: block; color: red; font-weight: normal; font-size: 11px; margin: 0 auto;}
.flagImage a:hover {background: url(../images/ico_flag.png) 0 0 no-repeat; color: #ff3333;}

/*Little flag icon for users*/
.flagUser a {background: url(../images/ico_flag.png) bottom left no-repeat; height: 15px; width: 65px; padding: 0 0 0 20px; position: absolute; display: block; color: red; font-weight: bold; font-size: 12px; margin: -20px 0 0 210px;}
.flagUser a:hover {background: url(../images/ico_flag.png) 0 0 no-repeat; color: #ff3333;}

/*Little delete icon for boxes*/
div.deleteItem2 a {background: url(../images/ico_delete.png) 0 0 no-repeat; height: 25px; width: 24px; padding: 0; float: right; position: relative; z-index: 10; text-indent: -9999px; display: inline;}
div.deleteItem2 a:hover {background: url(../images/ico_delete.png) bottom left no-repeat;}

/*Little edit icon for non-boxes*/
div.editItem3 a {background: url(../images/ico_edit.png) bottom left no-repeat; height: 25px; width: 24px; padding: 0; margin-left: 468px; position: relative; z-index: 10; text-indent: -9999px; display: block;}
div.editItem3 a:hover {background: url(../images/ico_edit.png) 0 0 no-repeat;}

/*Little edit icon for non-boxes left*/
div.editItem4 a {background: url(../images/ico_edit.png) bottom left no-repeat; height: 25px; width: 24px; padding: 0; margin-left: 0px; position: relative; z-index: 10; text-indent: -9999px; display: block;}
div.editItem4 a:hover {background: url(../images/ico_edit.png) 0 0 no-repeat;}



.requestFriendCount {color: red;}

#friendEditTool {display: none;}


/*Event notifier*/
#eventNotify {width: 50px; height: 52px; float: left; display: inline; margin: -15px 8px 0 0;}

.hilite {color: #dd432a;}
.hilite2 {color: #4a9dcc;}
.hilite3 {color: #c8bc59;}
.hilite4 {color: #549821;}

/*Header image tags*/
#h_forest {position: absolute; z-index: 20; margin: 85px 0 0 137px; width: 212px; height: 43px; background: url(../images/h_forest.png) 0 0;}
#h_forums {position: absolute; z-index: 20; margin: 85px 0 0 137px; width: 212px; height: 43px; background: url(../images/h_forums.png) 0 0;}
#h_search {position: absolute; z-index: 20; margin: 85px 0 0 177px; width: 128px; height: 43px; background: url(../images/h_search.png) 0 0;}
#h_trading {position: absolute; z-index: 20; margin: 95px 0 0 125px; width: 235px; height: 37px; background: url(../images/h_trading.png) 0 0;}
#h_postoffice {position: absolute; z-index: 20; margin: 100px 0 0 130px; width: 228px; height: 30px; background: url(../images/h_postoffice.png) 0 0;}
#h_profiles {position: absolute; z-index: 20; margin: 85px 0 0 165px; width: 168px; height: 43px; background: url(../images/h_profiles.png) 0 0;}
#h_groups {position: absolute; z-index: 20; margin: 85px 0 0 187px; width: 121px; height: 51px; background: url(../images/h_groups.png) 0 0;}
#h_articles {position: absolute; z-index: 20; margin: 85px 0 0 167px; width: 163px; height: 42px; background: url(../images/h_articles.png) 0 0;}
#h_rehash {position: absolute; z-index: 20; margin: 85px 0 0 187px; width: 120px; height: 41px; background: url(../images/h_rehash.png) 0 0;}


/*Tooltips*/.tooltip{width: 100px; color:#fff; font:.8em Tahoma, Verdana, Arial; text-decoration: none; text-align: center; font-weight: bold; position: relative; z-index: 1001; border: 2px solid #ececec;}.tooltip span.top{padding: 0px; background: #303930;}.tooltip b.bottom{padding: 0; color: #fe82b4; background: #549821;}


/*Paginator*/
.pagination {overflow: hidden; height: 100%;}
.pagination_bottom {overflow: hidden; height: 100%; clear: both; margin: 6px 0;}
.paginator {
	padding: 5px 0;
	margin: 0 1px;
	float: left;
	display: inline;
	overflow: hidden; height: 100%;
}
.paginator_tag {
	padding: 5px 0;
	float: left;
	display: inline;
}
.paginator a {
	border: 1px solid #d1d1d1;
	padding: 2px 6px;
	margin: 0 1px;
}
.paginator span.empty {
	border: 1px solid #d1d1d1;
	padding: 2px 6px;
	margin: 0 1px;
}


/*----------------*/
/*---Intro page---*/
/*----------------*/
#introWrap {
	width: 900px;
	margin: 43px auto 0 auto;
}

#introContent {
	width: 900px;
	overflow: hidden;
	background: url(../images/intro_bg.jpg) top left no-repeat;
}

#introArea {
	width: 340px;
	float: left;
	margin: 100px 0 0 130px;
	display: inline;
}	
.whatisrehash {background: url(../images/whatisrehash.png) 0 0 no-repeat; width: 303px; height: 42px;}
.whyrehash {background: url(../images/whyrehash.png) 0 0 no-repeat; width: 223px; height: 51px;}
.whorehashes {background: url(../images/whorehashes.png) 0 0 no-repeat; width: 263px; height: 41px;}
.getstarted {background: url(../images/getstarted.png) 0 0 no-repeat; width: 220px; margin: 0 0 0 10px; height: 40px;}
/*Logged in*/
.welcome {background: url(../images/welcomeback.png) 0 0 no-repeat; width: 257px; height: 41px;}
#introArea li {list-style-image: url(../images/littleleaf.png); padding: 2px 0 2px 0;}

#introArea li#learn a {background: #dd432a;}
#introArea li#discover a {background: #559aba;}
#introArea li#shop a {background: #a29d44;}
#introArea li#fashion a {background: #6a9a35;}
#introArea li#discuss a {background: #d880cc;}
#introArea li#learn a:hover,
#introArea li#discover a:hover,
#introArea li#shop a:hover,
#introArea li#fashion a:hover,
#introArea li#discuss a:hover {background: #303930;}


p.introText {color: #303930; font-size: 1.1em; margin: 5px 0 25px 0;}
p.introText2 {color: #303930; font-size: 1.1em; margin: 5px 0 25px 0;}
#introArea a {color: #ececec;}
#introArea a:hover {background: #303930; color: #ececec;}
#introArea .amount {color: white;}
#introArea a:hover.amount {color: #961f21; color: #ececec;}
p#loginText, p#loginText2 {color: #303930; font-size: 1.5em; width: 220px; text-align: center; padding: 0 0 0 10px;}
p#loginText span, p.introText span, p#loginText2 span {color: #303930; font-size: .6em;}
p#loginText a {color: white;}
p#loginText2 a {color: #559aba;}


#recentRehashesWrap, #recentRehashesWrap2 {
	float: right;
	width: 265px;
	margin: 100px 130px 0 0;
	overflow: hidden;
	display: inline;
}
#recentRehashes, #recentRehashes2 {
	width: 265px;
	background: url(../images/recent_rehashes.png) 0 0 repeat-y;
	overflow: hidden;
}
#recentRehashesTop, #recentRehashesTop2 {width: 265px; height: 19px; background: url(../images/recent_rehashes_top.png) 0 0 repeat-y;}
#recentRehashesBot, #recentRehashesBot2 {width: 265px; height: 19px; background: url(../images/recent_rehashes_bottom.png) 0 0 repeat-y; clear: left; margin-bottom: 10px;}

#recentRehashes h4, #recentRehashes2 h4 {color: #4a9dcc; font-weight: normal; margin: 0; padding: 0 0 6px 30px; font-size: 1.1em;}

.leaf {width: 108px; height: 66px; background: url(../images/leaf.png) 0 0 no-repeat; position: absolute; margin: -23px 0 0 200px; z-index: 100;}
.tree1 {width: 60px; height: 70px; background: url(../images/tree1.png) 0 0 no-repeat; position: absolute; margin: 0px 0px 0px 180px; z-index: 1;}
.tree3 {width: 40px; height: 46px; background: url(../images/tree3.png) 0 0 no-repeat; position: absolute; margin: 24px 0 0 223px; z-index: 1;}
.tree4 {width: 30px; height: 35px; background: url(../images/tree4.png) 0 0 no-repeat; position: absolute; margin: -30px 0 0 200px; z-index: 1;}
.tree7 {width: 30px; height: 41px; background: url(../images/tree7.png) 0 0 no-repeat; position: absolute; margin: -23px 0 0 223px; z-index: 1;}
.arrow {width: 56px; height: 54px; background: url(../images/greenarrow.png) 0 0 no-repeat; position: absolute; margin: 40px 0 0 310px;}


ul.recentRehashlist { margin: 0 0 0px -25px; float: left; display: inline;}
*:first-child+html ul.recentRehashlist { margin: 0 0 0px -6px; }


li.recentRehashlist {
	float: left;
	text-align: center;
	display: inline;
	margin: 0px 35px 10px 0;
	width: 234px;
	background: url(../images/rehashedit.png) 88px 6px no-repeat;
	border: 1px solid #ececec;
	color: #303930;
	font-size: .85em;
}
li.recentRehashlist img {margin-top: 3px;}
li.recentRehashlist img.thumbnail {margin-left: 3px;}
.recentRehashedItem {float: left; display: inline;}

.recentRehashedItem a {
	background-color: #ececec;
	float: left;
	text-align: center;
	height: 56px; width: 56px;
	border: 1px solid #ccc;
	margin: 1px 4px 1px 5px;
	padding: 1px;
	display: inline;
}
.recentRehashedItem a:hover {background: #303930; border: 1px solid white;}

.recentRehashedIt {background: transparent; width: 94px; height: 50px; margin-top: 5px; float: left; border: 0 !important; padding: 0; display: inline;}

.r_switch a {background: url(../images/r_switch.png) 0 0 no-repeat; height: 53px; width: 51px; float: left; text-indent: -9999px; display: inline;}
.q_switch a {background: url(../images/q_switch.png) 0 0 no-repeat; height: 53px; width: 51px; float: left; text-indent: -9999px; display: inline;}
.p_switch a {background: url(../images/p_switch.png) 0 0 no-repeat; height: 53px; width: 51px; float: left; text-indent: -9999px; display: inline;}
.r_switch a:hover {background: url(../images/r_switch.png) bottom left no-repeat; height: 53px; width: 51px; float: left; display: inline;}
.q_switch a:hover {background: url(../images/q_switch.png) bottom left no-repeat; height: 53px; width: 51px; float: left; display: inline;}
.p_switch a:hover {background: url(../images/p_switch.png) bottom left no-repeat; height: 53px; width: 51px; float: left; display: inline;}

/*Lightbox*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 2000;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: white;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1999;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; display: inline;}
#nextLink { right: 0; float: right; display: inline;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: white;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; display: inline;}	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right; display: inline; padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1998;
	width: 100%;
	height: 500px;
	background-color: #000;
	}


#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 1000;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ececec;
		background: #ffffff url(../images/form_bg.png) bottom right no-repeat;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #ececec;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../images/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../images/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(../images/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(../images/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;	
	width: 100%;
	margin: 0 0 0 10px;	
}

	#lightwindow_title_bar_title {
		color: white;
		font-weight: bold;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		height: 25px; width: 24px;
		margin: 0px 0px 0 0;

	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}
#lightwindow_title_bar_inner {
	
}

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}







/* Horizontal Carousel */

#horizontal_carousel, #horizontal_carousel2, #horizontal_carousel_books, #horizontal_carousel2_books {
  float: left;
	display: inline;
  width: 800px;
  height: 180px;
  margin-bottom: 10px;
	overflow: visible;
  position: relative;
}

#horizontal_carousel .container, #horizontal_carousel2 .container,
#horizontal_carousel_books .container, #horizontal_carousel2_books .container {
  float: left;
  width: 720px;
  height: 140px;
  position: relative;    
  padding: 56px 0 0 0;
  overflow: visible;
}

#horizontal_carousel ul, #horizontal_carousel2 ul, #horizontal_carousel_books ul, #horizontal_carousel2_books ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 240px;
	overflow: visible;
}                      

#horizontal_carousel ul li, #horizontal_carousel2 ul li,
#horizontal_carousel_books ul li, #horizontal_carousel2_books ul li {
  width: 60px;
	padding: 0;
	margin: 0;
  text-align: center; 
  list-style:none;   
  float:left;
}
#horizontal_carousel .previous_button, #horizontal_carousel2 .previous_button,
#horizontal_carousel_books .previous_button, #horizontal_carousel2_books .previous_button {
  float:left;  
  width: 40px;
  height: 175px;
  background: white url(../images/horizontal/left.png) top left no-repeat;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

#horizontal_carousel .previous_button_over, #horizontal_carousel2 .previous_button_over,
#horizontal_carousel_books .previous_button_over, #horizontal_carousel2_books .previous_button_over {
  background: white url(../images/horizontal/left_over.png) top left no-repeat;
}

#horizontal_carousel .previous_button_disabled, #horizontal_carousel2 .previous_button_disabled,
#horizontal_carousel_books .previous_button_disabled, #horizontal_carousel2_books .previous_button_disabled {
  background: white url(../images/horizontal/left_disabled.png) top left no-repeat;
  cursor: default;
}

#horizontal_carousel .next_button, #horizontal_carousel2 .next_button,
#horizontal_carousel_books .next_button, #horizontal_carousel2_books .next_button {
  float:left;  
  width: 40px;
  height: 175px;
  background: white url(../images/horizontal/right.png) top right no-repeat;
  z-index: 1;
	position: relative;
  cursor: pointer;
}

#horizontal_carousel .next_button_over, #horizontal_carousel2 .next_button_over,
#horizontal_carousel_books .next_button_over, #horizontal_carousel2_books .next_button_over {
  background: white url(../images/horizontal/right_over.png) top right no-repeat;
}

#horizontal_carousel .next_button_disabled, #horizontal_carousel2 .next_button_disabled,
#horizontal_carousel_books .next_button_disabled, #horizontal_carousel2_books .next_button_disabled {
  background: white url(../images/horizontal/right_disabled.png) top right no-repeat;
  cursor: default;
}






.items-in-cart img {
	display: inline;
	position: relative;
	float: left;
	height: 50px;
	width: 50px;
	padding: 4px;
	margin-right: 2px;
	border: 1px solid #ccc;
	background-color: #ececec;
}
.items-in-cart {float: left; display: inline;}


/*PMs and trades*/
.msg-list {}
	.unread {
		font-weight: bold;
	}
	.msg-a {
		background-color: #fff;
	}
	.msg-b {
		background-color: #ffffff;
	}

	.msg-list td { padding: 3px; border: 1px solid #ececec; text-align: left;}
	.msg-list th {
		text-align: left;
	}
	ul.headerStyle {
		width: 800px;
		margin: 0 auto 0 auto;
		display: block;
		background: #ececec;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 8px 0;
		overflow: hidden;
		text-align: center;
	}
	ul.headerStyle li {
		display: inline;
		margin: 0 10px;
		text-align: center;
	}
	ul.headerStyle li a:hover {background: none; color: #9ad04d}
	.msg-a:hover {background: #ececec;}
	.msg-b:hover {background: #ececec;}
	.from {
		width: 50px;
		border: 0 !important;
	}
	.subject {
		width: 450px;
	}

/*Forums*/
.oddPost, .evenPost {background: #fff; height: 1000%; overflow: scroll; border: 1px solid #ececec;}
.oddPost {background: #fff;}
.oddPost:hover, .evenPost:hover {background: white;}
.topicName {width: 350px; text-align: left;}
.author {text-align: left; width: 50px;}

.forumPostTextArea {border: 1px solid #ddd; width: 364px; font-size: 1.5em;font-weight: normal; font-family: Tahoma; color: #303930; padding: 5px;}
.forumPostTextArea2, .mce-editor {border: 1px solid #ddd; width: 364px; height: 200px;font-size: 1.5em;font-weight: normal; font-family: Tahoma; color: #303930; padding: 5px;}
.forumPostTextArea:hover {border: 1px solid green; color: #485048;}
.forumPostText {border: 1px solid #ddd; width: 264px; font-size: 1.5em;font-weight: normal; font-family: Tahoma; color: #303930; padding: 0 5px;}
.forumPostText:hover {border: 1px solid green; color: #549821;}
.button, .button2 {
	border-top: 2px solid #303930;
	border-left: 2px solid #303930;
	border-bottom: 2px solid #303930;
	border-right: 2px solid #303930;
	background: #485048;
	font-family: Tahoma;
	color: #4a9dcc;
	font-weight: bold;
	font-size: 1.6em;
	cursor: pointer;
	padding: 4px;
}
.button:hover, .button2:hover {background: #9ad04d; color: white;}

.button2 {font-size: .8em;}

.adminTag {width: 50px; height: 10px; background: url(../images/admin_tag2.png) 0 0; position: relative; z-index: 1000; margin: 45px 0 0 5px;}
.modTag {width: 50px; height: 10px; background: url(../images/mod_tag2.png) 0 0; position: relative; z-index: 1000; margin: 45px 0 0 5px;}
.ownerTag {width: 50px; height: 10px; background: url(../images/owner_tag.png) 0 0; position: relative; z-index: 1000; margin: 45px 0 0 5px;}

td.post blockquote {background: #ececec; padding: 4px; border: 1px dotted #ccc; font-style: italic;}
td.post img {max-width: 340px; margin: 10px; border: 4px solid #ececec; float: left; display: inline;}

.site {background: #ececec; padding: 20px; margin: 0 0 20px 0; border: 4px solid #ddd; font-size: 18px; color: #303930; text-align: left;}
.site h1 {display: inline; background: white; font-size: 18px; line-height: 28px; color: #303930; text-align: left;}
.site span.block {background: white; line-height: 28px;}
.site span.thingsYouCanDo {display: block; text-align: center; background: transparent; padding: 0; margin: 10px 0 0 0;}
.site span.thingsYouCanDo a {background: white;}
.site span.thingsYouCanDo a:hover {border-bottom: 2px solid #4a9dcc; background: #9ad04d;}

.siteInfoBox {
	padding: 20px;
	background: #f4f4f4;
	font-size: 1.3em;
	border: 4px solid #ececec;
}
.badges {text-align: center;}
.siteInfoBox img.badge {
	margin: 0 10px 20px 10px;
	border: 4px solid #ccc;
}


/*Clouds - Category and tags*/
#cloudArea {
	background: url(../images/cloud.jpg) 0 0 no-repeat;
	width: 900px;
	height: 709px;
	margin: -10px auto 0 auto;
}

.tag1 {font-size: 80%; color: #9ad04d;} /*Green*/
.tag2 {font-size: 116%; color: #4a9dcc;} /*Blue*/
.tag3 {font-size: 155%; color: #d8aa2d;} /*Orange*/
.tag4 {font-size: 194%; color: #a29c50;} /*Brown*/
.tag5 {font-size: 272%; color: #405732;} /*Dark grey*/

/*The Forest*/
#popQuestionsWrap {
	float: right;
	display: inline;
	width: 300px;
	margin: 100px 130px 0 0;
	overflow: hidden;

}
#popQuestions {
	width: 300px;
	background: url(../images/pop_questions.png) 0 0 repeat-y;
	overflow: hidden;
}
#popQuestionsTop {width: 300px; height: 19px; background: url(../images/pop_questions_top.png) 0 0 repeat-y;}
#popQuestionsBot {width: 300px; height: 19px; background: url(../images/pop_questions_bot.png) 0 0 repeat-y; clear: left; margin-bottom: 10px;}

#popQuestions h4 {color: #4a9dcc; font-weight: normal; margin: 0; padding: 0 0 6px 30px; font-size: 1.1em;}

div.commentBoxClass {float: left; display: inline; clear: right; width: 394px; margin: 3px 0 50px 0px; padding: 0 0 0 0; overflow: hidden;}
div.commentBoxClass p {padding: 0; margin: 0;}
div.commentBoxClass img {max-width: 370px; margin: 10px; border: 4px solid #ececec; float: left; display: inline;}

/*Groups*/
.tagLine {font-style: italic; width: 400px; display: inline;}
.groupDesc {width: 400px;}

.groupItemList {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin-left: 0px;
	width: 500px;
}

.groupItemList img {padding: 0px; margin: 0;}
.groupItemList li a:hover {background: #303930; border: 1px solid white;}

.groupItemList li {
	float: left;
	width: 50px;
	margin: 0px 20px 10px 0px;
	padding: 0px;
	display: inline;
}

.groupItemList li a {float: left; 	display: inline; padding: 4px; background: #ececec; border: 1px solid #ccc;}

.topicName {width: 250px;}
.group1 a {color: #d8aa2d;} /*Green*/
.group2 a {color: #559aba;} /*Blue*/
.group3 a {color: #a29d44;} /*Orange*/
.group4 a {color: #6a9a35;} /*Brown*/
.group5 a {color: #d880cc;} /*Dark grey*/
.privateGroup a {color: #dd432a; font-style: italic;} /*Dark grey*/

.group1 a:hover,
.group2 a:hover,
.group3 a:hover,
.group4 a:hover,
.group5 a:hover {color: white;}

.groupsLeftArea {
	width: 500px;
	float: left;
	display: inline;
	overflow: hidden;
}
.groupsRightArea {
	width: 280px;
	float: right;
	display: inline;
	overflow: hidden;
}

a.group1 {color: #d8aa2d;} /*Green*/
a.group2 {color: #559aba;} /*Blue*/
a.group3 {color: #a29d44;} /*Orange*/
a.group4 {color: #6a9a35;} /*Brown*/
a.group5 {color: #d880cc;} /*Dark grey*/


/*Events box*/
#eventsBox {
	width: 260px;
	height: auto;
	padding: 0 0 10px 0;
	overflow: hidden;
	float: right;
}


/*Private messages*/
div#folders {
	padding: 10px;
	margin: 6px 0;
	height: 100%;
	clear: both;
}
div.folderButton {
	padding: 10px 0;
}
ul.messageFoldersList {
	list-style: none;
	clear: both;
	margin: 6px 0 0 0;
	padding: 0;
	height: 100%;
}
ul.messageFoldersList li {
	float: left;
	display: inline;
}

ul.messageFoldersList li a.folderIcon {
	display: block;
	width: 118px;
	border: 1px solid white;
	text-align: center;
	padding: 40px 0 3px 0;
	height: 100%;
}
ul.messageFoldersList li a.folderIcon:hover {
	color: #9ad04d;
	border: 1px solid #9ad04d;
}
ul.messageFoldersList .folder-active a.folderIcon {border: 1px solid #9ad04d;}
div.deleteFolder a {background: url(../images/ico_delete.png) 0 0 no-repeat; height: 25px; width: 24px; padding: 0; position: absolute; z-index: 10; text-indent: -9999px; left: 5px; top: 3px;}
div.deleteFolder a:hover {background: url(../images/ico_delete.png) bottom left no-repeat;}

.addToFolder, .addToFolder2 {float: left; display: inline;}
.addToFolder a, .addToFolder2 a {background: url(../images/ico_add_to_folder.png) bottom left no-repeat; height: 20px; width: 24px; padding: 0; margin: -23px -3px 0 410px; position: absolute; display: block; z-index: 10; text-indent: -9999px;}
.addToFolder2 a {margin: -23px -3px 0 226px;}
.addToFolder a:hover, .addToFolder2 a:hover {background: transparent url(../images/ico_add_to_folder.png) bottom left no-repeat;}

.removeFromFolder, .removeFromFolder2 {float: left; display: inline;}
.removeFromFolder a, .removeFromFolder2 a {background: url(../images/ico_remove_from_folder.png) bottom left no-repeat; height: 20px; width: 24px; padding: 0; margin: -23px -3px 0 410px; position: absolute; display: block; z-index: 10; text-indent: -9999px;}
.removeFromFolder2 a {margin: -23px -3px 0 226px;}
.removeFromFolder a:hover, .removeFromFolder2 a:hover {background: transparent url(../images/ico_remove_from_folder.png) bottom left no-repeat;}


#newFolder {
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	margin: 5px 0;
}


/*Articles*/
.articlesWrap {
	width: 470px;
	padding: 10px;
	overflow: hidden;
	border: 2px solid #ececec;
	float: left; display: inline;
}

.articlesMenu {
	width: 280px;
	border: 2px solid #ececec;
	height: auto;
	overflow: hidden;
	padding: 10px;
	float: right;
	display: inline;
}

.articlesMenu h5 {
	margin: 0 0 5px 0; padding: 0;
	font-size: 1.3em;
	font-weight: normal;
	border-bottom: 1px solid #ececec;
}
.articlesWrap h3 a {color: #4a9dcc;}
.articlesWrap h3 a:hover {color: white; background-color: #4a9dcc;}
.rss {
	background: url(../images/ico_rss.png) 0 0 no-repeat;
	margin-bottom: 10px;
}
.rss a {
	display: block;
	font-weight: bold;
	height: 30px;
	padding: 5px 0 0 35px;
}
.rss a:hover {background: none; color: #9ad04d;}

.articlesMenu ul {margin: 0 0 15px 0; padding: 0;}
.articlesMenu ul li {padding: 2px 0;}

.articlesWrap div p {margin: 5px 0;}


/*Shout box*/
#shoutsArea {
	margin: 10px 0 0 15px;
	padding: 0;
	float: left;
	display: inline;
	height: 300px;
	width: 235px;
	overflow: auto;
}
* html #shoutsArea {
	margin: 10px 0 0 6px;
}

.shoutBox {
	overflow: hidden;
	width: 214px;
}
.shoutBoxTop {
	background: url(../images/shout.png) 0 0 no-repeat;
	height: 42px; width: 114px;
	margin: 0 auto 5px auto;
}


/*Karma*/
.quickViewKarma {
	width: 480px;
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0 0 0 50px;
	height: auto;
	text-align: center;
}

.quickViewKarma div.karmaIcon {
	width: 200px;
	height: 196px;
	margin-top: 13px;
	float: left;
	display: inline;
}
.quickViewKarma span.karmaPercentage {
	float: left;
	display: inline;
	width: 280px;
	margin: 70px 0 0 0;
	text-align: center;
	font-size: 1.3em;
}
.quickViewKarma span.karmaPercentage span {font-size: 3em; display: block;}

#karmaStats {
	float: right;
	display: inline;
	width: 270px;
	overflow: hidden;
	height: auto;
}
#karmaStats ul {
	margin: 0 0 20px 0;
	padding: 0;
}


/*Bulletin*/
.bulletin_box {
  background: url(../images/bulletin_bg.png);
  border: 1px solid #ececec; 
  width: 330px;
  font-size: 12px;  
  margin: 20px 0 10px 0;
  padding: 0 0 8px 0;
  color: white;
}
.bulletin_box p {width: 300px; margin: 0 auto; padding: 3px 0;}
.bulletin_box h2 {
   margin-top:  0px;
   padding: 6px;
   background-color: #ececec;
   font-size: 13px;
   color: #549821; 
   font-weight:bold;
}
.bulletin_box p span.bulletin_title {color: #c8bc59; display: block; font-weight: bold;}
.bulletin_box p a.bulletinLink {text-decoration: underline}
.bulletin_box p a.bulletinLink:hover {background: white; color: #549821;}


/*Site files, like howtos and faqs.*/
.howto_img {display: block; margin: 0 auto; text-align: center;}
.howto_img img {border: 8px solid #ececec;}
.howto_img p {border: 1px solid #ececec; font-style: italic; margin: 0 auto; padding: 0px 3px 8px 3px; color: #aaa; background: #ececec;}

div.sitemap_links {width: 200px; float: left; display: inline; margin: 0 6px;}
div.sitemap_links h5 {margin: 0; padding: 0; font-size: 1.2em;}
div.sitemap_links ul {margin: 0 0 15px 10px; padding: 0;}
div.sitemap_links ul li {margin: 0; padding: 6px 0;}


/*ETC*/
span.shareThumb a {
	padding: 8px;
	background-color: #ececec;
	border: 1px solid #ccc;
	margin: 6px auto;
	overflow: hidden;
	height: 150px;
	width: 150px;
	display: block;
}
span.shareThumb a:hover {
	background-color: #303930;
	border: 1px solid white;
}
span.shareThumb a img {height: 150px; width: 150px;}



/*
	Color sets
	
	VERY light grey: #ececec
	Light grey: #485048
	Dark grey: #303930
	Light green: #9ad04d
	Dark green: #549821
	Yellow: #c8bc59
	Blue: #4a9dcc
	
	
/*IE 7 HACKS*/
*:first-child+html #wrapper {
	background-position: 0 -47px;
}
*:first-child+html #introContent {
	position: relative; top: -40px;
}

*:first-child+html #mainMenu li ul {
	position: absolute;
	width: 145px;
	padding-bottom: 10px;
	
	background: url(../images/menu_bg_bottom.png) 0% 100% no-repeat;
	z-index: 1;
}

*:first-child+html #mainMenu ul ul a {	
	display:block;	
	width:110px;
	margin: 0 0 0 0px;
	list-style: none;
	padding: 5px 0 5px 30px;
	font-size: .8em;
	color: #9ad04d;
	background: none;
	text-indent: 0;
	height: auto;
	position: relative; z-index: 1010;
}
*:first-child+html #mainMenu li:hover a, #mainMenu li a {position: relative; z-index:1;}

*:first-child+html li.recentRehashlist {
	float: left;
	text-align: center;
	display: inline;
	margin: 0px 35px 10px 20px;
	padding: 0;
}
*:first-child+html #mainMenu li:hover, *:first-child+html #mainMenu li.hover {
    position: static;
}
*:first-child+html ul#classifieds2 { 
	margin: 0 0 0 0px;
} 
*:first-child+html .categoryTag {width: 300px; clear: both; padding: 0 0 10px 0; float: none;}
*:first-child+html .how_they_trade {float: right; display: inline; margin: -50px 0px 0 -40px; position: absolute;}
*:first-child+html .their_karma {float: right; display: inline; margin: -82px 0px 0 -100px; position: absolute;}

*:first-child+html #colorPickerMenu {margin: -3px 0 0 0px; position: static;}
*:first-child+html #colorPickerMenuMain {margin: -3px 0 0 0px; position: static;}
*:first-child+html .sidebar_box_contents .friendlist .friendslist {margin-top: 10px;}
*:first-child+html .trader_stats {margin: -56px 0 0 370px;}

*:first-child+html .addToFolder a {margin: -3px 16px 0 0px;}
*:first-child+html .removeFromFolder a {margin: -3px 16px 0 0px;}
/*-----------------*/
/*-------Ads-------*/
/*-----------------*/

/*Ad manager*/
.showAdDetails {
	width: 362px;
	padding: 10px;
	margin: 0 5px 10px 5px;
	border: 4px solid #ececec;
	float: left;
	display: inline;
	overflow: hidden;
	height: 100%;
}

.showAdDetails .sort_tag {
	position: absolute;
	margin: -10px 0 0 345px;
	z-index: 2;
	display: block;
	text-align: center;
	background: #ececec;
	padding: 1px 7px;
	font-size: 20px;
	font-weight: bold;
}

#footer img, #footer a, #footer a:hover {border: 0; text-decoration: none; background: none;}
.footAd {width: 728px; height: 90px; margin: 16px auto 16px auto;}
.rightAdLong {width: 120px; height: 600px; float: right; margin: 0; overflow: hidden; display: inline;}
.rightAdTiny {width: 120px; height: 60px; float: right; display: inline; margin: 0 0 10px 0; overflow: hidden;}
.boxAd {width: 300px; height: 250px; float: right; display: inline; overflow: hidden; margin: 0 0 20px 0;}
.favicons {
	width: 288px;
	margin: 10px auto 0 auto;
	background: url(/images/ads/favicon/bg.png) 1px 1px no-repeat;
	border: 4px solid #ececec;
	height: 100%;
	overflow: hidden;
}

.favicons a {
	width: 16px;
	height: 16px;
	background: #303930;
	margin: 1px;
	float: left;
	display: inline;
}

.linkOrCode {
	border: 4px solid #ccc;
	background: #ececec;
	padding: 10px;
}

.manageBoxAd {text-align: center;}
.manageBoxAd img {border: 4px solid #ececec;}


/*---------------*/
/*----Specials---*/
/*---------------*/
#contest_star a {width: 150px; height: 147px; background: url(../images/contest.png) 0 0 no-repeat; position: absolute; z-index: 1; margin: -50px 0 0 160px; display: block; text-indent: -9999px;}