@charset "utf-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
	outline:none;
	border:none;
}

body {
	background-image:url(../images/mainbg.png);
	background-repeat:repeat-x;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.separator {
	display: block;
	background-image: url(../images/separator.png);
	background-repeat:repeat-x;
	margin:5px 0 5px 0;
	width: 100%;
	height:2px;
}
 
.clearfix {
	display: -moz-inline-block;
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.usernav {
	background-image:url(../images/userbar.png);
	background-repeat:repeat-x;
	background-position:top;
	height:40px;
}

.userbar {
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
	width:960px;
}

.userbar .input {
	display: -moz-inline-block;
	display: inline-block;
	zoom:1;
	*display:inline;
	margin-right: 20px;
	padding-top:12px;
	background-image:url(../images/input.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	height:28px;
	width:129px;
}

.userbar .input input {
	padding: 0 10px 0 10px;
	background:none;
	vertical-align:middle;
}

.userbar #submit {
	display: -moz-inline-block;
	display: inline-block;
	zoom:1;
	*display:inline;
	background-image:url(../images/buttonLogin.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	height:40px;
	width:70px;
}

.userbar #submit:hover {
     background-image: url(../images/buttonLogin.png);
	background-repeat:no-repeat;
	background-position: 0px -40px;
	cursor:pointer;
}
 
.userbar #regButton {
	display: -moz-inline-block;
	display: inline-block;
	zoom:1;
	*display:inline;
	margin-left:20px;
	background-image:url(../images/regbutton.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	height:40px;
	width:70px;
}

.userbar #regButton:hover {
     background-image: url(../images/regbutton.png);
	background-repeat:no-repeat;
	background-position: 0px -40px;
	cursor:pointer;
}

.userbar .loggedIn {
	margin:0 10px 0 10px;
}

#logout {
	display: -moz-inline-block;
	display: inline-block;
	zoom:1;
	*display:inline;
	background-image:url(../images/buttonLog.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	height:40px;
	width:70px;
}

#logout:hover {
     background-image: url(../images/buttonLog.png);
	 background-repeat:no-repeat;
	 background-position: 0px -40px;
	 cursor:pointer;
}

#profile {
	display: -moz-inline-block;
	display: inline-block;
	background-image:url(../images/buttonPro.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	height:40px;
	width:70px;
}

#profile:hover {
     background-image: url(../images/buttonPro.png);
	 background-repeat:no-repeat;
	 background-position: 0px -40px;
	 cursor:pointer;
}

#editD {
	display: -moz-inline-block;
	display: inline-block;
	background-image:url(../images/buttonEdi.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	height:40px;
	width:70px;
}

#editD:hover {
     background-image: url(../images/buttonEdi.png);
	 background-repeat:no-repeat;
	 background-position: 0px -40px;
	 cursor:pointer;
}

.logo {
	padding-bottom: 10px;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:960px;
}

.contentArea {
	background-image:url(../images/contentbg.png);
	background-repeat:repeat-x;
	width:100%;
}
.contentAreaIndex {
	background-image:url(../images/indexcontentbg.png);
	background-repeat:repeat-x;
	width:100%;
}

.content {
	margin-left:auto;
	margin-right:auto;
	outline:none;
	border:none;
	width:960px;
}

.navwrapper {
	width:100%;
	height:40px;
	background-image: url(../images/navbar.png);
	background-repeat:repeat-x;
}
.mainnav {
	height:40px;
	width:960px;
}

.mainnav li {
	display: -moz-inline-block;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.mainnav li a {
	display:block;
	padding:15px 0 0 0;
	width:90px;
	height:25px;
	text-shadow: #000000 0px -1px 0px;
}

#active {
	background-image: url(../images/tab.png);
	background-repeat:no-repeat;
	text-shadow: #FFFFFF 0px 1px 0px;
}

.mainnav li a:hover {
	background-image: url(../images/tab.png);
	background-repeat:no-repeat;
	text-shadow: #FFFFFF 0px 1px 0px;
}

.footer {
	background-image:url(../images/navbar.png);
	background-repeat:repeat-x;
	height:40px;
	text-shadow: #000000 0px -1px 0px;
}

#hidden {
	display: -moz-inline-block;
	display: inline-block;
	zoom:1;
	*display:inline;
	height:40px;
	width:70px;
}
#hidden3 {
	display: -moz-inline-block;
	display: inline-block;
	zoom:1;
	*display:inline;
	height:40px;
	width:200px;
}

.hidden {
	display: -moz-inline-block;
	display: inline-block;
	zoom:1;
	*display:inline;
	height:40px;
	width:200px;
}
.hiddenX {
	display: -moz-inline-block;
	display: inline-block;
	zoom:1;
	*display:inline;
	height:40px;
	width:113px;;
}

.hiddenStar {
	display: -moz-inline-block;
	display: inline-block;
	zoom:1;
	*display:inline;
	height:48px;
	width:46px;
}

.scoreList {
	display: -moz-inline-block;
	display: inline-block;
	zoom:1;
	*display:inline;
	background-color:#FFF;
	vertical-align:middle;
	width:100%;
}

.scoreList:hover {
     background-color:#066;
	 cursor:pointer;
}

.object {
	display: -moz-inline-block;
	display: inline-block;
	zoom:1;
	*display:inline;
	margin:15px;
	background-image:url(../images/object.png);
	background-repeat:no-repeat;
	height:150px;
	width:150px;
	text-shadow: #FFFFFF 0px 1px 0px;
}
.object:hover {
	background-image:url(../images/object.png);
	background-repeat:no-repeat;
	background-position: 0px -150px;
	height:150px;
	width:150px;
	cursor:pointer;
}
.sobject {
	display: -moz-inline-block;
	display: inline-block;
	zoom:1;
	*display:inline;
	margin:10px;
	background-image:url(../images/sobject.png);
	background-repeat:no-repeat;
	height:95px;
	width:75px;
	text-shadow: #FFFFFF 0px 1px 0px;
}
.sobject:hover {
	background-image:url(../images/sobject.png);
	background-repeat:no-repeat;
	background-position: 0px -95px;
	cursor:pointer;
}
.sobject a{
	font-size:9px;
}

.error {
	padding-top:10px;
	margin:10px;
	border: solid 1px #660000;
	background-color:#F08080;
}
.error_small {
	padding:10px;
	margin:0 0 10px 0;
	border: solid 1px #660000;
	background-color:#F08080;
}

.sent_small {
	padding:10px;
	margin:0 0 10px 0;
	border: solid 1px #006600;
	background-color:#80F080;
}

.errorX {
	padding:10px;
	margin:10px;
	border: solid 1px #660000;
	background-color:#F08080;
}

/*-------------TYPOGRAPHY--------------*/
* {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
a {
	text-decoration:none;
	color:#066;
}
.userbar .loggedIn {
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	text-shadow: #000000 0px -1px 0px;
}
.userbar form {
	text-shadow: #000000 0px -1px 0px;
}
.userbar .input input {
	font-weight:bold;
	color:#000;
}
.usernav {
	color:#FFF;
	font-weight:bold;
}
.userbar #submit {
	text-align:center;
	font-weight:bold;
	color:#000;
}
.userbar #regButton {
	text-align:center;
	color:#000;
	font-weight:bold;
}
.userbar a {
	color:#FFF;
}
.mail{
	color:#FFF;
	font-weight:normal;
	text-decoration:none;
	text-shadow: #000000 0px -1px 0px;
}
.mail a:hover {
	font-style:italic;
}
#logout {
	text-align:center;
	color:#000;
	font-weight:bold;
}
.mainnav {
	color:#FFF;
	font-weight:bold;
}
.mainnav li a {
	font-size:14px;
	color:#FFF;
	text-decoration:none;
}
#active {
	color:#2d5252;
}
.mainnav li a:hover {
	color:#2d5252;
}
h1.title, .title {
	font-size:14px !important;
	font-weight:bold;
	text-shadow: #FFFFFF 0px 1px 0px;
}
.footer {
	color:#FFF;
}
.footer a {
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}
.scoreList {
	color:#000;
	font-weight:bold;
}
.scoreList a {
	color:#000;
	font-weight:bold;
}
.scoreList:hover {
	color:#FFF;
	font-weight:bold;
}
.scoreList a:hover {
	color:#FFF;
	font-weight:bold;
}
.tiny {
	font-size:9px;
}
.error {
	font-size:14px;
	font-weight:bold;
	color:#660000;
}
.error_small {
	font-size:14px;
	font-weight:bold;
	color:#660000;
}
.errorX {
	font-size:14px;
	font-weight:bold;
	color:#660000;
}
.sent_small {
	font-size:14px;
	font-weight:bold;
	color:#006600;
}
#info {
	font-size: 10px;
	font-weight:bold;
}
#info span{
	font-size: 10px;
	font-weight:bold;
}

#gamenav a{
	margin: 0 10px 0 10px;
	font-weight:bold;
	font-size:10px;
}

a.button {
	float: left;
	display: block;
	height: 26px;
	margin-right: 6px;
	padding-right: 7px;
	background: url(../images/buttonright.png) no-repeat scroll top right;

	color: #000000;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	text-shadow: #FFFFFF 0px 1px 0px;
}
a.button span {
	display: block;
	background: url(../images/buttonleft.png) no-repeat;
	line-height: 26px;
	padding: 0px 3px 0px 10px;
}
a.button:hover {
	background: url(../images/buttonright.png) no-repeat right -26px;
	cursor:pointer;
	text-shadow:none;
}
a.button:hover span {
	padding: 1px 3px 0px 10px;
	cursor:pointer;
	background: url(../images/buttonleft.png) no-repeat 0px -26px;
}

span.button {
	float: left;
	display: block;
	height: 26px;
	margin-right: 6px;
	padding-right: 7px;
	background: url(../images/buttonright.png) no-repeat scroll top right;

	color: #000000;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	text-shadow: #FFFFFF 0px 1px 0px;
}
span.button input {
	display: block;
	background: url(../images/buttonleft.png) no-repeat;
	line-height: 24px;
	padding: 0px 3px 0px 10px;
	
	color: #000000;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	text-shadow: #FFFFFF 0px 1px 0px;
}
span.button:hover {
	background: url(../images/buttonright.png) no-repeat right -26px;
	cursor:pointer;
	text-shadow:none;
}
span.button:hover input {
	padding: 1px 3px 0px 10px;
	cursor:pointer;
	background: url(../images/buttonleft.png) no-repeat 0px -26px;
}
.demotip { 
    display:none; 
    background:transparent url(../images/tooltipbg.png) no-repeat; 
    font-size:10px; 
    font-weight:bold;
    height:72px; 
    width:169px; 
    padding:30px 20px 20px 20px; 
    color:#366;     
}
.suggestiontext {
	font-size:9px;
}
.suggestiontext p{
	font-size:9px;
}

.collabdesc, .collabdesc div, .collabdesc span, .collabdesc p, .collabdesc font, .collabdesc i, .collabdesc b, .collabdesc u {
	font-size:10px !important;
	font-weight:bold !important;
}