body {
	margin: 0px;
	padding: 0px;
	background: #005cf5 url(../img/back.jpg) repeat-x 0px 0px;
	text-align: center;
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

p, div.p {
	margin: 10px;
}

div.gameinfo {
	background-color: #ffffff;
	padding: 5px;
	margin: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

p a:link, p a:visited, p a:active, body a:link, body a:visited, body a:active {
	color: #0000ff;
	text-decoration: underline;
}

p a:hover, body a:hover {
	color: #808000;
	text-decoration: underline;
}

h1 {
	background: #ef8900 url(../img/h1.png) repeat-x left bottom;
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 15px 8px 15px;
	margin: 0px;
}

h2 {
	background-color: #000099;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 3px;
	margin: 0px;
}

h2.submenu {
	background:  url(../img/submenu_header.gif) no-repeat 0px 0px;
}

h3 {
	background-color: #000099;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	margin: 10px 0px 0px 0px;
	/*clear:both;*/
}

h2 a:link, h2 a:visited, h2 a:active, h3 a:link, h3 a:visited, h3 a:active {
	color: #ffffff;
	text-decoration: none;
}

h2 a:hover, h3 a:hover {
	color: #ef8900;
	text-decoration: none;
}

h4 {
	color: #ff0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

h4 a:link, h4 a:visited, h4 a:active {
	color: #ff0000;
	text-decoration: underline;
}

h4 a:hover {
	color: #800000;
	text-decoration: underline;
}
	
h5 {
	background: url(../img/h5.png) repeat-x 0px 0px;
	color: #e4232f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding: 3px 15px 4px 15px;
	margin: 0px;
	clear: both;
}

h5 a:link, h5 a:visited, h5 a:active {
	color: #e4232f;
	text-decoration: none;
}

h5 a:hover {
	color: #e4232f;
	text-decoration: underline;
}

form {
	padding: 0px;
	margin: 0px;
}

table.tab {
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

table.tab th {
	background-color:#f3ce1a;
	vertical-align: top;
	font-weight: bold;
	text-align: center;
}

table.tab td {
	vertical-align: top;
	font-weight: normal;
	/*text-align: left;*/
}

#body {
	width: 802px;
	height: auto;
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#headback {
	width: 680px;
	height: 90px;
	left: 0px;
	top: 165px;
	position: absolute;
	background-color: #00019a;
}

.menubar {
	position: absolute;
	height: 37px;
	padding: 12px 0px 0px 0px;
	background: url(../img/toph.png) repeat-x 0px 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000099;
}

.menubar a:link, .menubar a:visited, .menubar a:active {
	color: #000099;
	text-decoration: underline;
}

.menubar a:hover {
	color: #0000ff;
	text-decoration: underline;
}

.menulabel {
	position: absolute;
	height: 18px;
	width: 90px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

.menulabel a:link, .menulabel a:visited, .menulabel a:active {
	color: #ffffff;
	text-decoration: none;
}

.menulabel a:hover {
	color: #e0e0e0;
	text-decoration: none;
}


.infotext {
	position: absolute;
	height: 16px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #feeb19;
}

#leftpanel {
	width: 214px;
	height: auto;
	position: absolute;
	text-align: left;
	margin: 0px;
	padding: 0px;
	background: url(../img/leftsep.png) repeat-y right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.leftbox1 {
	width: 199px;
	height: auto;
	text-align: left;
	background-color: #000099;
	margin-top: 5px;
	color: #ffffff;
}

.leftbox1 a:link, .leftbox1 a:visited, .leftbox1 a:active, .leftbox1 a:hover {
	color: #fce619;
	text-decoration: underline;
}

.leftbox1 table {
	text-align: left;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	width: 189px;
}

.leftbox2 {
	width: 199px;
	height: auto;
	text-align: left;
	background-color: #d7881b;
	margin-top: 5px;
	color: #000000;;
}

.leftbox2 a:link, .leftbox2 a:visited, .leftbox2 a:active, .leftbox2 a:hover {
	color: #0000ff;
	text-decoration: underline;
}

.leftbox2 table {
	text-align: left;
	margin: 0px;
	padding: 0px;
	color: #000000;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	width: 189px;
}

.leftboxhead1 {
	width: 199px;
	height: 26px;
	background: url(../img/lefth1.png) no-repeat 0px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	padding: 5px 0px 0px 15px;
}

.leftboxhead2 {
	width: 199px;
	height: 26px;
	background: url(../img/lefth2.png) no-repeat 0px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	padding: 5px 0px 0px 15px;
}

.leftboxhead1 a:link, .leftboxhead1 a:visited, .leftboxhead1 a:active, .leftboxhead1 a:hover {
	color: #ffffff;
	text-decoration: none;
}

.leftboxhead2 a:link, .leftboxhead2 a:visited, .leftboxhead2 a:active, .leftboxhead2 a:hover {
	color: #ffffff;
	text-decoration: none;
}

.leftboxbody {
	padding: 5px;
}

.leftboxbody ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.leftboxbody ul li {
	font-size: 12px;
	font-weight: normal;
	color: #0066ff;
	background: url(../img/leftitem.png) repeat-y 0px 0px;
	margin-bottom: 1px;
	padding: 2px 10px 2px 10px;
}

.leftboxbody ul li a:link, .leftboxbody ul li a:visited, .leftboxbody ul li a:active {
	color: #0066ff;
	text-decoration: none;
}

.leftboxbody ul li a:hover {
	color: #000099;
	text-decoration: none;
	font-weight: bold;
}

#rightpanel {
	width: 119px;
	height: auto;
	position: absolute;
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.rightbox1 {
	width: 119px;
	height: auto;
	text-align: left;
	background-color: #000099;
	margin-top: 5px;
	color: #ffffff;
}

.rightbox1 a:link, .rightbox1 a:visited, .rightbox1 a:active, .rightbox1 a:hover {
	color: #fce619;
	text-decoration: underline;
}

.rightbox2 {
	width: 119px;
	height: auto;
	text-align: left;
	background-color: #d7881b;
	margin-top: 5px;
	color: #000000;;
}

.rightbox2 a:link, .rightbox2 a:visited, .rightbox2 a:active, .rightbox2 a:hover {
	color: #0000ff;
	text-decoration: underline;
}

.rightboxhead1 {
	width: 119px;
	height: 26px;
	background: url(../img/righth1.png) no-repeat 0px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	padding: 5px 0px 0px 15px;
}

.rightboxhead2 {
	width: 119px;
	height: 26px;
	background: url(../img/righth2.png) no-repeat 0px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	padding: 5px 0px 0px 15px;
}

.rightboxhead1 a:link, .rightboxhead1 a:visited, .rightboxhead1 a:active, .rightboxhead1 a:hover {
	color: #ffffff;
	text-decoration: none;
}

.rightboxhead2 a:link, .rightboxhead2 a:visited, .rightboxhead2 a:active, .rightboxhead2 a:hover {
	color: #ffffff;
	text-decoration: none;
}

.rightboxbody {
	padding: 5px;
}

.rightboxbody ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.rightboxbody ul li {
	font-size: 12px;
	font-weight: normal;
	color: #0066ff;
	background: url(../img/rightitem.png) repeat-y 0px 0px;
	margin-bottom: 1px;
	padding: 2px 10px 2px 10px;
}

.rightboxbody ul li a:link, .rightboxbody ul li a:visited, .rightboxbody ul li a:active {
	color: #0066ff;
	text-decoration: none;
}

.rightboxbody ul li a:hover {
	color: #000099;
	text-decoration: none;
	font-weight: bold;
}

.rightbox1#alignr, .leftbox1#alignl {
	visibility: hidden;
	height: 0px;
}

#centerpanel {
	width: 463px;
	height: auto;
	position: absolute;
	text-align: left;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

#alignc {
	width: 463px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	clear: both;
}

.menuicon {
	position: relative;
	float: right;
	left: -10px;
	top: -10px;
}

.imgtop {
	vertical-align:	middle;
}

.imgnoframe {
	border: none;
	padding: 0px;
	margin: 0px;
}

#uname {
	background: url(../img/loginback1.png) no-repeat 0px 0px;
	width: 105px;
	height: 27px;
}

#upass {
	background: url(../img/loginback2.png) no-repeat 0px 0px;
	width: 105px;
	height: 27px;
}

.login {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #000099;
	background-color: #ffffff;
	height: 18px;
	width: 80px;
	border: none;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	position: relative;
	left: 12px;
}

.button1 {
	background: url(../img/button1.png) repeat-x 0px 0px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	height: 22px;
	border: none;
}

.button2 {
	background: url(../img/button2.png) repeat-x 0px 0px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	height: 22px;
	border: none;
}

.warning {
	color: #ff0000;
	font-weight: bold;
}

.warning a:link, .warning a:visited, .warning a:active, .warning a:hover {
	color: #ff0000;
	text-decoration: underline;
}

.textbox {
	height: 18px;
	padding: 0px 0px 0px 3px;
	margin: 0px;
	background-color: #ffffff;
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: solid 1px #000099;
}

.textboxdisab {
	height: 18px;
	padding: 0px 0px 0px 3px;
	margin: 0px;
	background-color: #e0e0e0;
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: solid 1px #000099;
}

.label {
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

fieldset {
	background-color: transparent;
	border: none;
	margin: 0px;
	padding: 0px;
}

table.form {
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

table.form td {
	background-color:#f3ce1a;
	font-weight: normal;
}

table.form th {
	vertical-align: top;
	font-weight: bold;
	text-align: right;
}

.req {
	color: #d78a1b;
}

.colpallet {
	width: 18px;
	height: 18px;
	border: solid 1px #000099;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 15px;
	color: #000099;
	cursor: pointer;
}

table.calendar {
	margin: 0px;
	padding: 0px;
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-top: solid 1px #0166ff;
	border-left: solid 1px #0166ff;
	border-collapse: collapse;
	width: 443px;
}

table.calendar td {
	border-right: solid 1px #0166ff;
	border-bottom: solid 1px #0166ff;
	background: #fcef19;
	font-size: 16px;
	padding: 3px;
	vertical-align: top;
	width: 62px;
	cursor: pointer;
}

table.calendar th {
	border-right: solid 1px #0166ff;
	border-bottom: solid 1px #0166ff;
	text-align: center;
	padding: 2px;
	font-size: 14px;
	vertical-align: middle;
}

table.calendar th.calh1 {
	background: url(../img/calendarh1.png) repeat-x 0px 0px;
}

table.calendar th.calh2 {
	background: url(../img/calendarh2.png) repeat-x 0px 0px;
	height: 22px;
	color: #ffffff;
}

table.calendar td.calselected {
	background-color: #f0f0f0;
}

table.calendar td.calweekend {
	color: #ff0000;
}

.calfete {
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
}

.calico {
	float: right;
	width: 18px;
	height: 18px;
}

.calico2 {
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.smilies {
	cursor: pointer;
	width: 15px;
	height: 15px;
	margin: 2px 1px 2px 0px;
	vertical-align: middle;
}

.messagebody {
	margin: 2px;
	padding: 5px;
	background-color: #ffffff;
	border: solid 1px #000099;
	line-height: 1.1;
}

.postcard {
	margin: 3px;
	border: double 3px #000099;
}

.postcardprev {
	margin: 0px 5px 5px 0px;
	border: double 3px #000099;
	float: left;
}

table.p {
	background-color: #ffffff;
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

div.bestplayers {
	padding: 3px;
	border: solid 1px #000099;
}

div.chat {
	border: solid 1px #000099;
	background-color:#f8f8f8;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow: hidden;
}

.chatmsg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

div.joke {
	overflow: auto;
	height: 100px;
	width: 109px;
}

div.loggedin {
	overflow: auto;
	height: 120px;
	width: 187px;
}

.menupicture {
	border: none;
	position: relative;
	top: -2px;
	margin-left: 10px;
	margin-right: 10px;
}

.imageleft {
	border: 0px;
	margin: 0px 10px 10px 0px;
	float: left;
}

.imageright {
	border: 0px;
	margin: 0px 0px 10px 10px;
	float: right;
}

.txtsearch {
	height: 18px;
	padding: 0px 0px 0px 3px;
	margin: 0px;
	background-color: #ffffff;
	color: #000099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: solid 2px #0066ff;
}

table.postcards {
	width: 443px;
}

table.postcards td {
	text-align: center;
	padding: 10px 0px 10px 0px;
}

div.jokecp {
	overflow: auto;
	width: 236px;
	padding: 3px;
	margin-top: 5px;
	border: solid 1px #000099;
}

img.gameimg {
	border: none;
	float: left;
	margin: 0px 10px 10px 0px;
}

div.gamescp {
	width: 180px;
	padding: 3px;
	margin-top: 5px;
	border: solid 1px #000099;
	float: right;
	clear: right;
	text-align: center;
}

div.wallpapercp {
	width: 180px;
	padding: 3px;
	margin-top: 5px;
	border: solid 1px #000099;
	float: right;
	text-align: center;
	clear: right;
}

div.wallpapercp  img {
	border: solid 1px #000099;
	margin: 10px 0px 10px 0px;
}

div.postcardcp {
	padding: 3px;
	margin-top: 5px;
	border: solid 1px #000099;
	width: 236px;
	text-align: center;
}

div.postcardcp img {
	border: solid 1px #000099;
	margin: 10px 5px 10px 5px;
}

#externalgame {
	width: 100%;
	height: 800px;
	border: solid 1px #000099;
	background-color: #ffffff;
	overflow: hidden;
}

.small {
	font-size: 9px;
}

table.thin {
	margin: 5px 5px 5px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border-left: solid 1px #000099;
	border-top: solid 1px #000099;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.thin th {
	background-color: #d7881b;
	color: #000000;
	border-right: solid 1px #000099;
	border-bottom: solid 1px #000099;
	text-align: center;
	padding: 2px;
}

table.thin td {
	border-right: solid 1px #000099;
	border-bottom: solid 1px #000099;
	text-align: left;
	padding: 2px;
}

table.thin td.center {
	text-align: center;
}

