.rock /*left box*/
{
	float:left;
	width:250px;
	height:92%;
	padding-right:10px;
	overflow-y: hidden;
	overflow-x: hidden;
	position:fixed;
	top:200px;
	-moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.update-bar
{
	padding:20px;
	background-color:#FF3333;
	color:black;
	border: 1px solid #000000;
	border-color:red;
	margin-bottom:30px;
}

.top-status-bar
{
	padding:20px;
	background: -webkit-linear-gradient(#000000, #101010); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#000000, #101010); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#000000, #101010); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#000000, #101010); /* Standard syntax */
	color:white;
}
.vertical-seperator
{
	top:40px;
	width:15px;
	margin-left:270px;
	position:absolute;
	z-index:100;
	height:92%;
	background-image:url('../images/background-rock.jpg');
}

.tooltip {
    display: none;
    font-size: 10pt;
    position: absolute;
    border: 1px solid #000000;
    background-color: #FFFFE0;
    padding: 2px 6px;
    color: Green;
    font-weight: bold;
}

.website
{
    font-size: 14pt;
    color : #990000;
}
.td-login
{
	padding:20px;
	text-align:center;
	background-color:#ADC2FF;
}

.button-css
{
	background-color:black;
	color:white;
	border: 1px solid black;
	padding:5px;
	padding-left:15px;
	padding-right:15px;
}

.notification
{
	border: 1px solid red;
	background-color:#FF9696;
	color:black;
	width:20px;
	padding:5px;
	text-align:left;
	display:none;
}

.red-x
{
	cursor: pointer;
	padding:1px;
	padding-left:3px;
	padding-right:3px;
	border: 1px solid black;
	background-color:red;
}

.button-css-x:hover
{
	background-color:silver;
}

.button-css-x:active
{
	background-color:grey;
}

.arrow-mining-guide
{
	
}
.click-rock-hint
{
	font-size:15pt;
	color:red;
	float:right;
	padding:15px;
}

.inventory /*right box*/
{
	width:75%;
	color:white;
	background-image:url('../images/background.jpg');
	text-align:right;
	float:right;
}
.save-message
{
	padding:2px;
	background-color:black;
	border-style:solid;
	border-width:1px;
}
.table-title
{
padding-top:10px;
padding-bottom:10px;
}

.big-button
{
	background: -webkit-linear-gradient(black, grey); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(black, grey); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(black, grey); /* For Firefox 3.6 to 15 */
	background: linear-gradient(black, grey); /* Standard syntax */
	color:white;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16pt;
}

.division-button-bronze
{
	background: -webkit-linear-gradient(lime, cyan); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(lime, cyan); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(lime, cyan); /* For Firefox 3.6 to 15 */
	background: linear-gradient(lime, cyan); /* Standard syntax */
	color:black;
	border-style:solid;
	border-width:1px;
	border-color:black;
	padding:5px;
	font-size:16pt;
	width:80%;
}

.division-button-bronze:hover
{
	background: -webkit-linear-gradient(lime, gold); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(lime, gold); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(lime,gold); /* For Firefox 3.6 to 15 */
	background: linear-gradient(lime, gold); /* Standard syntax */
	cursor: pointer;
}

.big-button:hover
{
	background: -webkit-linear-gradient(black, red); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(black, red); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(black,red); /* For Firefox 3.6 to 15 */
	background: linear-gradient(black, red); /* Standard syntax */
	cursor: pointer;
}

.top-menu
{
	font-size:10pt;
	color:white;
	top:0;
	left:0;
	right:0;
	position:absolute;
	border-style:solid;
	border-width:1px;
	background: -webkit-linear-gradient(black, grey); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(black, grey); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(black, grey); /* For Firefox 3.6 to 15 */
	background: linear-gradient(black, grey); /* Standard syntax */

}
a.link-updatelog
{
	text-decoration:none;
	font-size:18pt;
	color:pink;
}

#table-tab
{
	padding:10px;
	background: -webkit-linear-gradient(black, grey); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(black, grey); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(black, grey); /* For Firefox 3.6 to 15 */
	background: linear-gradient(black, grey); /* Standard syntax */
}
#table-tab:hover
{
	cursor: pointer;
	background: -webkit-linear-gradient(red, grey); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, grey); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, grey); /* For Firefox 3.6 to 15 */
	background: linear-gradient(red, grey); /* Standard syntax */
}

.badge-area
{
	margin-left:25px;
	margin-right:25px;
	border: 1px solid black;
	
	padding-left:40px;
	padding:5px;
	
	background: -webkit-linear-gradient(#CCFF99, #DDFF55); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#CCFF99, #DDFF55); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#CCFF99, #DDFF55); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#CCFF99, #DDFF55); /* Standard syntax */
}

#table-tab-ach
{
	padding:10px;
	background: -webkit-linear-gradient(black, grey); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(black, grey); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(black, grey); /* For Firefox 3.6 to 15 */
	background: linear-gradient(black, grey); /* Standard syntax */
}
#table-tab-ach:hover
{
	cursor: pointer;
	background: -webkit-linear-gradient(red, grey); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, grey); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, grey); /* For Firefox 3.6 to 15 */
	background: linear-gradient(red, grey); /* Standard syntax */
}

#table-tab-vip
{
	padding:10px;
	background: -webkit-linear-gradient(black, grey); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(black, grey); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(black, grey); /* For Firefox 3.6 to 15 */
	background: linear-gradient(black, grey); /* Standard syntax */
	display:none;
}

#table-tab-vip:hover
{
	cursor: pointer;
	background: -webkit-linear-gradient(red, grey); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, grey); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, grey); /* For Firefox 3.6 to 15 */
	background: linear-gradient(red, grey); /* Standard syntax */
}

.tab-container
{
	margin-left:300px;
}

.loading-dh
{
	color:white;
	text-align:center;
}

a.link-top
{
	text-decoration:none;
	color:pink;
}

.donator-box
{
	 border: 1px solid gold;
	 background-color:#EEEEEE;
	 padding:10px;
	 margin-left:100px;
	 margin-right:100px;
	 
}
.basic-form-title {
	font-weight:bold;
	border-width:1px;
	border-style:solid;
	border-color:#B8860B;
	border-top:none;
	border-left:none;
	border-right:none;
	margin-bottom:10px;
}
	
.save-message
{
	color:red;
	float:left;
	padding-left:20px;
}

.chatarea
{
	 border: 1px solid black;
	 background-color:white;
	 padding:20px;
	 height:80%;
	 width:80%;
	 text-align:left;
	 overflow-y: scroll;
     overflow-x: hidden; 
}
.class
{
float:clear;
margin-top:10px;
}
a:hover
{
	color:red;
}

.uTagLink
{
	cursor:pointer;
	color:blue;
}



#btn-sellEverything
{
	padding-left:10px;
	padding-right:10px;
	padding:4px;
	font-size:16pt;
}

.donor-notification
{
	background-color:#FFFFAA;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:5px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	border: 1px solid yellow;
}

.donor-title
{
	background-color:red;
	float:left;
	margin-left:-20px;
	margin-top:-5px;
	padding-left:10px;
	margin-right:10px;
	padding-right:10px;
	border-right: 1px solid black;
	height:24px;
	margin-bottom:-5px;
	padding-top:5px;
	padding-bottom:-5px;
}

.donor-notification:hover
{
	background-color:yellow;
}

#btn-sellEverything:hover
{
	padding-left:10px;
	padding-right:10px;
	padding:4px;
	font-size:16pt;
	background-color:black;
	color:white;
}

input.xButton
{
	cursor:pointer;
}

.hintBox
{
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	margin:20px;
	background-color:#99FF66;
	border: 1px solid lime;
}
.sellButton
{
	font-size:16pt;
	color:red;
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
	margin-right:10px;
}

.select-item-table
{
	margin-top:5px;
	background: -webkit-linear-gradient(#330000, #110000); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#330000, #110000); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#330000, #110000); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#330000, #110000); /* Standard syntax */
	font-size:14pt;
}

.shop
{
	margin:40px;
	padding:30px;
	background-image:url('../images/background.jpg');
	color:white;
	border-style:solid;
	border-width:1px;
}

.items
{
	
}

.clickAnimation  {
	color:lime;
	font-size:40px;
	opacity:1;
	position:absolute;
	text-align:center;
	text-shadow:
    -2px -2px 0 #000,
    2px -2px 0 #000,
    -2px 2px 0 #000,
    2px 2px 0 #000;
	-webkit-transition:all 1s;
    transition:all 1s;
}
.box-title
{
	width:100%px;
	text-align:center;
	margin-left:-20px;
	margin-right:-20px;
	margin-bottom:25px;
	display:block;
}

.box-title-vip
{
	width:100%px;
	text-align:center;
	margin-left:-20px;
	margin-right:-20px;
	margin-bottom:25px;
	background-color:gold;
	display:block;
}

body {
	background-image:url('../images/background.jpg');
    font-family:"Lucida Grande","bitstream vera sans","trebuchet ms","sans-serif","verdana";
}
.title
{
	text-align:center;
	border-style:solid;
	border-width:15px;
	border-top:none;
	border-left:none;
	border-right:none;
}


td.no-borders
{
	border:none;
}

td, th {
    border: 1px solid black;
	border-color:#CCCCCC;
}

table {
    border-collapse: collapse;
}



.item-box-title
{
	color:red;
	font-size:16pt;
}

.item-box-img-pop
{
	
}

td.table-top
{
	border:none;
	padding-left:20px;
	padding-right:20px;
	color:white;
}


.key-inventory-item-box:hover
{
	background:none;
	background-color:#FF9933;
}

.key-inventory-item-box
{
	width:100px;
	height:200px;
	display:none;
	padding-left:20px;
	padding-right:20px;
	color:BLACK;
	margin:10px;
	text-align:center;
	cursor: pointer;
	border: 1px solid white;
	float:left;
	
	background: -webkit-linear-gradient(#CCFFCC, #FFCC99); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#CCFFCC, #FFCC99); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#CCFFCC, #FFCC99); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#CCFFCC, #FFCC99); /* Standard syntax */
}

.population-inventory-item-box
{
	width:100px;
	height:200px;
	display:none;
	padding-left:20px;
	padding-right:20px;
	color:BLACK;
	margin:10px;
	text-align:center;
	cursor: pointer;
	border: 1px solid white;
	float:left;
	
	background: -webkit-linear-gradient(#CCFFCC, #FFCC99); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#CCFFCC, #FFCC99); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#CCFFCC, #FFCC99); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#CCFFCC, #FFCC99); /* Standard syntax */
}

.select--key-item-table
{
	background: -webkit-linear-gradient(#CCFFCC, #FFCC99); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#CCFFCC, #FFCC99); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#CCFFCC, #FFCC99); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#CCFFCC, #FFCC99); /* Standard syntax */
}

.inventory-item-box-brewing
{
	width:100px;
	height:135px;
	display:none;
	padding-left:20px;
	padding-right:20px;
	color:white;
	margin:10px;
	text-align:center;
	cursor: pointer;
	border: 1px solid white;
	float:left;
	
	background: -webkit-linear-gradient(#660099, #6633CC); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#660099, #6633CC); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#660099, #6633CC); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#660099, #6633CC); /* Standard syntax */
}
.inventory-item-box
{
	width:100px;
	height:135px;
	display:none;
	padding-left:20px;
	padding-right:20px;
	color:white;
	margin:10px;
	text-align:center;
	cursor: pointer;
	border: 1px solid white;
	float:left;
	
	background: -webkit-linear-gradient(#330000, #110000); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#330000, #110000); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#330000, #110000); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#330000, #110000); /* Standard syntax */
}

.shop-price
{
	margin-top:200px;

}

.shop-box
{
	width:110px;
	height:155px;
	padding-left:20px;
	padding-right:20px;
	color:black;
	margin:10px;
	text-align:center;
	border: 1px solid white;
	float:left;
	
	cursor: pointer;
	
	background: -webkit-linear-gradient(#7A7ACC, #9595D6); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#7A7ACC, #9595D6); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#7A7ACC, #9595D6); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#7A7ACC, #9595D6); /* Standard syntax */
}

.shop-box:hover
{
	background: -webkit-linear-gradient(#9B7ACC, #9B7ACC); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#9B7ACC, #9B7ACC); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#9B7ACC, #9B7ACC); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#9B7ACC, #9B7ACC); /* Standard syntax */
}

.shop-box-pop
{
	width:110px;
	height:155px;
	padding-left:20px;
	padding-right:20px;
	color:black;
	margin:10px;
	text-align:center;
	border: 1px solid white;
	float:left;
	
	background: -webkit-linear-gradient(silver, grey); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(silver, grey); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(silver, grey); /* For Firefox 3.6 to 15 */
	background: linear-gradient(silver, grey); /* Standard syntax */
}

.shop-box-pop:hover
{

	cursor: pointer;
	background: -webkit-linear-gradient(silver, yellow); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(silver, yellow); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(silver, yellow); /* For Firefox 3.6 to 15 */
	background: linear-gradient(silver, yellow); /* Standard syntax */
}

.population-box
{
	width:110px;
	height:155px;
	padding-left:20px;
	padding-right:20px;
	color:black;
	margin:10px;
	text-align:center;
	border: 1px solid white;
	float:left;
	
	background: -webkit-linear-gradient(silver, grey); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(silver, grey); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(silver, grey); /* For Firefox 3.6 to 15 */
	background: linear-gradient(silver, grey); /* Standard syntax */
}

.simple-border
{
	padding:20px;
	border: 1px solid white;
	
	margin-left:30%;
	margin-right:30%;
	
	background: -webkit-linear-gradient(silver, grey); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(silver, grey); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(silver, grey); /* For Firefox 3.6 to 15 */
	background: linear-gradient(silver, grey); /* Standard syntax */
}

.shop-box-vip
{
	width:110px;
	height:155px;
	padding-left:20px;
	padding-right:20px;
	color:black;
	margin:10px;
	text-align:center;
	border: 1px solid white;
	float:left;
	cursor:pointer;
	background: -webkit-linear-gradient(gold, yellow); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(gold, yellow); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(gold, yellow); /* For Firefox 3.6 to 15 */
	background: linear-gradient(gold, yellow); /* Standard syntax */
}

.shop-box-vip:hover
{
	
	background: -webkit-linear-gradient(gold, gold); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(gold, gold); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(gold, gold); /* For Firefox 3.6 to 15 */
	background: linear-gradient(gold, gold); /* Standard syntax */
}


.inventory-item-box-crafted
{
	width:100px;
	height:135px;
	display:none;
	padding-left:20px;
	padding-right:20px;
	color:white;
	margin:10px;
	text-align:center;
	cursor: pointer;
	border: 1px solid white;
	float:left;
	
	background: -webkit-linear-gradient(#000033, #000CCC); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#000033, #000CCC); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#000033, #000CCC); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#000033, #000CCC); /* Standard syntax */
}

.inventory-item-box-crafted:hover
{
	background:none;
	background-color:#3366FF;
}

.inventory-item-box:hover
{
	background:none;
	background-color:#660000;
}

.inventory-item-box-brewing:hover
{
	background:none;
	background-color:#9933CC;
}

.table-stats
{
	text-align:center;
	background-color:white;
	color:black;
	margin-top:10px;
}

.messages
{
	border-style:solid;
	border-width:1px;
	margin:20px;
	padding: 1px;
	background-color:#EEEEEE;
}
.messages-box
{
	
	border-style:solid;
	border-width:1px;
	margin:2px;
	padding: 2px;
	background-color:white;
	font-size: 20pt;
}


.ore-area
{
	padding:1px;
}
.donation-percentage
{
	color:#CC9900;
	background-color:white;
	padding-left:30%;
	padding-right:30%;
	border-style:solid;
	border-width:1px;
	border-color:#CC9900;
}

.game-saving-now
{
	color:red;
	background-color:black;
	border-width:1px;
	border-style:solid;
	border-color:red;
}



.crafting
{
	color:white;
}
.crafting-unavailable
{
	color:white;
	text-align:center;
}
.giantRock
{
	padding: 20px;
	cursor:url("../images/hoverCursor.png"), auto;
	text-align:left;
}

.sound-icon
{
	cursor: pointer;
}
/* TABS */


/* root element for tabs  */
ul.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    border-bottom:1px solid #666;
    height:30px;
}

.shop-toggle-border
{
	border:1px solid #666;
	padding:2px;
	background-color:#FEFEEF;
	color:black;
	margin-left:30px;
}

/* single tab */
ul.tabs li {
    float:left;
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
}

.ask-login
{
	background-color:#99EEFF;
	color:red;
	margin-left:300px;
	padding:5px;
	border: 1px solid red;
	
}

.hiscores-error
{
	background-color:#FF9999;
	color:red;
	padding:20px;
	margin:20px;
	border: 1px solid red;
	display:none;
}
.simple-box
{
	text-align:left;
	padding:15px;
	margin:10px;
	background-color:#006633;
	color:white;
	display:inline-block;
	border: 1px solid white;
}
.potion-activated
{
	background: -webkit-linear-gradient(#660099, #6633CC); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#660099, #6633CC); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#660099, #6633CC); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#660099, #6633CC); /* Standard syntax */
	border: 1px solid white;
	padding:10px;
	display:inline-block;
	margin-left:1px;
	margin-right:1px;
	
}
/* link inside the tab. uses a background image */
ul.tabs a {
    background: url("../images/tabs.png") no-repeat -420px 0;
    font-size:11px;
    display:block;
    height: 30px;
    line-height:30px;
    width: 134px;
	font-size:13pt;
    text-align:center;
    text-decoration:none;
    color:#333;
    padding:0px;
    margin:0px;
    position:relative;
    top:1px;
}

ul.tabs a:active {
    outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
    background-position: -420px -31px;
    color:#fff;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-position: -420px -62px;
    cursor:default !important;
    color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */

/* width 1 */
ul.tabs a.s { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover { background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover { background-position: -248px -31px; }
ul.tabs a.l.current { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */
.panes .pane {
    display:none;
	
}

.category
{
	margin:20px;
	width:95%;
	float:clear;
	color:white;
	text-align:left;
	display:inline-block;
	border:1px solid #666;
	background: -webkit-linear-gradient(#FFFF99, #FFFFCC); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#FFFF99, #FFFFCC); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FFFF99, #FFFFCC); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFFF99, #FFFFCC); /* Standard syntax */
}

.category-title
{
	border:1px solid #666;
	padding:5px;
	color:black;
	text-align:center;
	background: -webkit-linear-gradient(#CCFFCC, #CCFF99); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#CCFFCC, #CCFF99); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#CCFFCC, #CCFF99); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#CCFFCC, #CCFF99); /* Standard syntax */
}

.category-title-vip
{
	border:1px solid #666;
	padding:5px;
	color:black;
	text-align:center;
	background: -webkit-linear-gradient(#CCFFCC, #CCFF99); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#CCFFCC, #CCFF99); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#CCFFCC, #CCFF99); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#CCFFCC, #CCFF99); /* Standard syntax */
}

.gatherings-div
{
	overflow-y: auto;
	overflow-x: hidden; 
	margin-left:300px;
}

.tab-scroll-bars
{
	overflow-y: auto;
	overflow-x: hidden; 
	display:none;
	margin-left:300px;
	border:1px solid #666;
}
/* tab pane styling */
.panes div {
    display:none;
	padding-bottom:30px;
}

span.xp-box:hover
{
	background-color:orange;
	color:red;
}

.progressBar
{
	  display:block;
}

/* get rid of those system borders being generated for A tags */
a:active {
    outline:none;
}

:focus {
    -moz-outline-style:none;
}

.table-inventory
{
	border-spacing: 10px;
	text-align:center;
    border-collapse: separate;
}
.inventory-td
{
	padding:20px;
	color:white;
	background-color:#3D2900;
	cursor: pointer;
}

/*progress bar*/
.progress-border
{
	margin-left:5%;
	margin-right:5%;
	display:block;
	border-style:solid;
	border-width:1px;
	border-color:black;
	width:90%;
	height:25px;
}

.donate-btn
{
	background-color:yellow;
	color:black;
	border: 1px solid black;
	padding:10px;
	font-size:16px;
}

.donate-btn:hover
{
	cursor: pointer;
	background-color:gold;
	font-size:16px;
}

.levels
{
	text-align:left;
	padding:20px;
	margin:30px;
	background-color:#006633;
	color:white;
	border: 1px solid white;
}

.hiscore-table-area
{
	text-align:left;
	padding:20px;
	margin:30px;
	background-color:#006633;
	color:white;
	border: 1px solid white;
}

.title-gatherings
{
	font-size:14pt;
	color:white;
	text-align:center;
	border-top:1px solid white;
	border-bottom:1px solid white;
	width:100%;
	display:block;
	background: -webkit-linear-gradient(black, grey); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(black, grey); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(black, grey); /* For Firefox 3.6 to 15 */
	background: linear-gradient(black, grey); /* Standard syntax */
}
.basic-checkbox
{
	padding:5px;
	margin:1px;
	background-color:#EEFF44;
	color:black;
	display:block;
	border: 1px solid black;
}

.sell-conf
{
	padding:10px;
	margin:0px auto;
	width:30%;	
	background-color:#006633;
	color:white;
	display:none;
	border: 1px solid white;
}


.bar-added
{
	color:red;
}
.progress-percentage
{
	display:block;
	border-style:solid;
	border-width:1px;
	border-color:red;
	background-color:red;
	width:0%;
	margin:1px;
	height:80%;
	float:left;
}

.progress-border-level
{
	display:block;
	border-style:solid;
	border-width:1px;
	border-color:white;
	width:85%;
	height:25px;
}
.xp-box
{
	float:right;
	padding:5px;
	text-align:center;
	border: 1px solid white;
	cursor: pointer;
	background-image:url('../images/background.jpg');
}

.progress-percentage-level
{
	display:block;
	border-style:solid;
	border-width:1px;
	border-color:lime;
	background-color:lime;
	width:0%;
	margin:1px;
	height:80%;
	float:left;
}