/*
 * Look of standard elements
 */
/*
* { margin:0; padding:0; }
*/
body {
	font: 100% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	background: #a7aab3;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/*text-align: center;*/ /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(/img/bg-bg.jpg);
	background-repeat:repeat-x;
	background-color: #747461;
	font-size: 12px;
	/* line-height:15px; */
	line-height:1.2;
}

h1, h2, h3, p
{
	margin: 0px 0px 7px 0px;
}

h1 {
	font-size:16px;
	font-weight:bold;
}

h2 {
	font-size:14px;
	font-weight:bold;
}

h3 {
	font-size:13px;
	font-weight:bold;
}

a {
	color:#404cab;
}
a:focus, a:active {
	outline: none;
}

a.hoverlink {
	color:#000000;
	text-decoration:none;
}
a.hoverlink:hover {
	text-decoration:underline;
}

font.h1 {
	font-size:16px;
}

font.h2 {
	font-size:14px;
}

font.h3 {
	font-size:13px;
}

img {
	border:none;
	vertical-align:middle;
	margin:0;
	padding:0;
}

input[type=text], input[type=password], textarea {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
	border: solid 1px #999999;
}

textarea {
	padding: 3px;
}

table, tr, td {
	padding:0px;
	margin:0px;
	border:none;
	border-spacing:0px;
}

table {
	border-collapse:collapse;
}

font.mini {
	font-size:9px;
	line-height:12px;
}

font.disabled {
	color: #999999;
}

font.online {
	color:#009900;
}

font.offline {
	color:#990000;
}

form {
	margin:0px;
}

dl {
	/* float: left; */
	width: 100%;
	margin: 0;
	padding: 0;
}

dl dt {
	margin: 0;
	padding: 7px 0 0 0;
	clear: left;
	float: left;
	width: 100px;
	font-weight:bold;
}

dl dd {
	margin-left: 110px;
	padding: 7px 0 0 0;
}

dl .first {
	padding-top: 0px;
}

blockquote {
	background-color: #e7eaf7;
	padding: 5px;
	margin: 0px 10px;
	border: solid 1px #c7c9d2;
}

blockquote.error {
	background-color: #d88181;
	margin: 0;
	border: solid 1px #830505;
}

blockquote.warning {
	background-color: #ffc06f;
	margin: 0;
	border: solid 1px #ae6c17;
}

blockquote.success {
	background-color: #72d46d;
	margin: 0;
	border: solid 1px #16770e;
}

div {
	word-wrap: break-word;
	margin:0;
	padding:0;
}

div.alt {
	background-color:#dff2bf;
}

td {
	font-size:12px;
	/*line-height:14px;*/
}

/*
 * Header and login info
 */
#spogg-title
{
	position:relative;
	margin:0px;
	padding:0px;
}

#login-text
{
	position: absolute;
	left:500px;
	top:32px;
	width:200px;
	font-size:11px;
}

#login-remember-text
{
	position: absolute;
	left:680px;
	top:32px;
	width:100px;
	font-size:11px;
}


#login-remember-check
{
	position:absolute;
	left:660px;
	top:32px;
}

#spogg-title a
{
	color:#000000;
}

#login-field 
{
	position:absolute;
	background:url(/img/login-field.gif);
	border:none;
	margin:0px;
	padding:2px 5px;
	left:500px;
	top: 49px;
	width:142px;
	height:16px;
}

#password-field 
{
	position:absolute;
	background:url(/img/login-field.gif);
	border:none;
	margin:0px;
	padding:2px 5px;
	left:660px;
	top: 49px;
	width:142px;
	height:16px;
}

#login-button
{
	position:absolute;
	background:url(/img/login-button.gif);
	border:none;
	margin:0px;
	left:820px;
	top: 49px;
	width:80px;
	height:20px;
	color:#FFFFFF;
	font-weight:bold;
}

#login-button:hover
{
	background:url(/img/login-button-hover.gif);
}

#login-info
{
	position:absolute;
	right:10px;
	top:54px;
	width:400px;
	text-align:right;
	color:#d7e0ff;
}


#login-info a
{
	color:#ffffff;
}

/*
 * The menu
 */
#menu-main
{
	height:30px;
	padding: 0 8px;
	position:relative;
}

#menu-main-items img
{
	float:left;
}

#menu-main a
{
	border:none;
	border-width:0px;
}

#menu-sub
{
	height:35px;
	padding: 0 7px;
	margin:0px;
}

#menu-sub ul
{
	margin:0px;
    padding:0px;
    list-style:none;
	height:35px;
}

#menu-sub li {
    float:left;
    margin:0px;
    padding:0px;
	height:35px;
}

#menu-sub a {
	font-size:12px;
	/*line-height:normal;*/
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding-top: 9px;
	padding-left: 10px;
	padding-right: 10px;
	display:block;
	height:35px;
}

#menu-sub #selected {
	background-color:#FFFFFF;
	background: url(/img/sub-menu-select-l.png) no-repeat left top;
}

#menu-sub #selected a {
	background: url(/img/sub-menu-select-r.png) no-repeat right top;
}


/*
 * Background and contents container
 */
#spogg-title {
	width:930px;
	height:75px;
	background-image:url(/img/spogg-title.jpg);
}
 
#backgroundtop {
	background-image: url(/img/bg-shadow-top.jpg);
	position: absolute;
	top: 0px;
	height: 340px;
	width: 100%;
	background-position: center;
	z-index: -2;
}

#backgroundcenter {
	position: absolute;
	left: 50%;
	width: 930px;
	background-color: #FFFFFF;
	bottom: 0px;
	height:100%;
	z-index: -2;
	margin-left: -465px;
}

#background-top-left {
	position:absolute;
	left:50%;
	width:200px;
	height:500px;
	margin-left:-665px;
	background-image:url(/img/bg-left-top.jpg);
	z-index: -2;
}

#background-top-right {
	position:absolute;
	left:50%;
	width:20px;
	height:500px;
	margin-left:465px;
	background-image:url(/img/bg-right-top.jpg);
	z-index: -2;
}

#bottomlinkscontainer {
	color:#53555f;
	padding:5px;
	border-top:solid;
	border-top-width:1px;
	border-top-color:#898b92;
	
	margin-top:15px;
	height:35px;
	background-image:url(/img/bg-bot.jpg);
	position:relative;
}

#background-left {
	position:absolute;
	z-index:-3;
	width:200px;
	height:100%;
	left:50%;
	margin-top:-5px;
	margin-left:-665px;
	background-image:url(/img/bg-left.jpg);
}

#background-right {
	position:absolute;
	z-index:-3;
	width:20px;
	height:100%;
	left:50%;
	margin-top:-5px;
	margin-left:465px;
	background-image:url(/img/bg-right.jpg);
}

#background-bot-left {
	position:absolute;
	z-index:-2;
	width:200px;
	height:45px;
	left:50%;
	margin-top:-5px;
	margin-left:-665px;
	background-image:url(/img/bg-left-bot.jpg);
}

#background-bot-right {
	position:absolute;
	z-index:-2;
	width:20px;
	height:45px;
	left:50%;
	margin-top:-5px;
	margin-left:465px;
	background-image:url(/img/bg-right-bot.jpg);
}

#bottomlinkscontainer a {
	color:#53555f;
}

#bottomlinksleft {
	float:left;
}

#bottomlinksright {
	float:right;
}

.mainLayout #container  {
	width: 930px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left;
	position: relative;
}
.mainLayout  #mainContent {
	padding: 0 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	min-height: 400px;
}

.mainLayout  #menu {
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height: 65px;
	background-image: url(/img/menu-bg.png);
	vertical-align: bottom;
}

/**
 * Standard layouts
 */
#layout-A-left {
	float:left;
	width:638px;
	
	padding-top:10px;
}

#layout-A-right {
	float:right;
	width: 252px;
	
	padding-top:10px;
}

#layout-A-clear {
	clear:both;
}



#layout-B-left {
	float:left;
	width:640px;
	
	padding-top:10px;
}

#layout-B-right {
	float:right;
	width: 250px;
	
	padding-top:10px;
}

#layout-B-clear {
	clear:both;
}

#layout-c {
	padding-top:10px;
}

#layout-D-left {
	float:left;
	width:250px;
	
	padding-top:10px;
}

#layout-D-right {
	float:right;
	width: 640px;
	
	padding-top:10px;
}

#layout-D-clear {
	clear:both;
}

#layout-E-left {
	float:left;
	width:445px;
	padding-top:10px;
}

#layout-E-right {
	float:right;
	width:445px;
	padding-top:10px;
}

#layout-E-clear {
	clear:both;
}

.layout-b-left-blob
{
}

.layout-b-left-blob .blob-top
{
	background-image:url(/img/layout-b-left-blob-top.gif);
	height:10px;
}

.layout-b-left-blob .blob-mid
{
	background-image:url(/img/layout-b-left-blob-mid.gif);
	padding: 0px 10px;
}

.layout-b-left-blob .blob-bot
{
	background-image:url(/img/layout-b-left-blob-bot.gif);
	height:10px;
}

.layout-b-left-blob .blob-sep
{
	background-image:url(/img/layout-b-left-blob-sep.gif);
	height:19px;
}

.layout-a-left-blob .blob-top
{
	background-image:url(/img/layout-a-left-blob-top.gif);
	height:10px;
}

.layout-a-left-blob .blob-mid
{
	background-image:url(/img/layout-a-left-blob-mid.gif);
	padding: 0px 10px;
}

.layout-a-left-blob .blob-bot
{
	background-image:url(/img/layout-a-left-blob-bot.gif);
	height:10px;
}

.layout-a-left-blob .blob-sep
{
	background-image:url(/img/layout-a-left-blob-sep.gif);
	height:19px;
}


.layout-b-right-blob
{
}

.layout-b-right-blob .blob-top
{
	background-image:url(/img/layout-b-right-blob-top.gif);
	height:10px;
}

.layout-b-right-blob .blob-mid
{
	background-image:url(/img/layout-b-right-blob-mid.gif);
	padding: 0px 10px;
}

.layout-b-right-blob .blob-bot
{
	background-image:url(/img/layout-b-right-blob-bot.gif);
	height:10px;
}

.layout-a-right-blob .blob-top
{
	background-image:url(/img/layout-a-right-blob-top.gif);
	height:10px;
}

.layout-a-right-blob .blob-mid
{
	background-image:url(/img/layout-a-right-blob-mid.gif);
	padding: 0px 10px;
}

.layout-a-right-blob .blob-bot
{
	background-image:url(/img/layout-a-right-blob-bot.gif);
	height:10px;
}

.layout-b-right-blob
{
}

.layout-b-right-y-blob .blob-top
{
	background-image: url(/img/layout-b-blob-y-top.gif);
	height:10px;
}

.layout-b-right-y-blob .blob-mid
{
	background-image: url(/img/layout-b-blob-y-mid.gif);
	padding: 0px 10px;
}

.layout-b-right-y-blob .blob-bot
{
	background-image: url(/img/layout-b-blob-y-bot.gif);
	height:10px;
}

.layout-b-right-y-blob h2
{
	color:#665b3c;
}

.layout-b-right-y-blob .upper-line
{
	border-top: solid 1px #9d8f69;
}


.layout-e-blob
{
}

.layout-e-blob .blob-top
{
	background-image:url(/img/layout-e-blob-top.gif);
	height:10px;
}

.layout-e-blob .blob-mid
{
	background-image:url(/img/layout-e-blob-mid.gif);
	padding: 0px 10px;
}

.layout-e-blob .blob-bot
{
	background-image:url(/img/layout-e-blob-bot.gif);
	height:10px;
}

.game-blob
{
	width:314px;
}

.game-blob .blob-top
{
	background-image:url(/img/front-game-blob-top.gif);
	height:10px;
}

.game-blob .blob-mid
{
	background-image:url(/img/front-game-blob-mid.gif);
	padding: 0px 4px;
	margin-top: -4px;
}

.game-blob .blob-bot
{
	background-image:url(/img/front-game-blob-bot.gif);
	height:10px;
}

/*
 * Popup bubbles
 */
.popupbubble {
	position:relative;
}

/*
.popupbubble-menu {
	float: right;
	height:20px;
}
*/
a.bubble-close{
	display: block;
	width: 7px;
	height: 7px;
	background:url(/img/bubble-close.gif);
	float:right;
}

.popup-content {
	z-index:100;
	display:none;
	position:absolute;
	/* opacity: 0; */
	/* left:-50px; */
}


.popupbubble-sml {
	width:99px;
}

.popupbubble-sml .popuptop {
	background-image:url(/img/popup-std-sml-top.png);
	height:17px;
}

.popupbubble-sml .popupmid {
	background-image:url(/img/popup-std-sml-mid.png);
	/* text-align:center; */
}

.popupbubble-sml .popupbot {
	background-image:url(/img/popup-std-sml-bot.png);
	height:17px;
}




.popupbubble-big {
	width:199px;
}

.popupbubble-big .popuptop {
	background-image:url(/img/popup-std-big-top.png);
	height:17px;
}

.popupbubble-big .popuptop-plain {
	background-image:url(/img/popup-std-big-top-plain.png);
	height:17px;
}

.popupbubble-big .popupmid {
	background-image:url(/img/popup-std-big-mid.png);
	padding: 0px 12px;
	width:175px;
}

.popupbubble-big .popupbot {
	background-image:url(/img/popup-std-big-bot.png);
	height:17px;
}

.popupbubble-mem {
	width:164px;
	top:50px;
	left:-50px;
}

.popupbubble-mem .popuptop {
	background-image:url(/img/popup-std-mem-top.png);
	height:17px;
}

.popupbubble-mem .popupmid {
	background-image:url(/img/popup-std-mem-mid.png);
	padding: 0px 12px;
	width:140px;
}

.popupbubble-mem .popupbot {
	background-image:url(/img/popup-std-mem-bot.png);
	height:17px;
}



#invite-popup {
	left:-84px;
	top:19px;
}

#zollar-popup {
	left:-118px;
	top:19px;
}

#subscribe-popup {
	left:-82px;
	top:19px;
}

#buddy-popup {
	left:-84px;
	top:19px;
}

#buddy-popup-scroll {
	max-height:200px;
}

.buddy-popup-scroll-item {
	clear:both;
	padding:3px;
}

.overlay-member-sml {
	background-image:url(/img/over-member-sml.png);
	position:absolute;
	width:30px;
	height:37px;
	
	top:0px;
	left:0px;
	padding:0px;
	margin:0px;
}

.scroll-pane
{
	overflow:auto;
}


/*
 * Icons and stuff
 */
.small-group-icon
{
	width:58px;
	height:58px;
	background-position: 4px 2px;
	background-repeat:no-repeat;
}

.big-group-icon
{
	width:108px;
	height:108px;
	background-position: 4px 2px;
	background-repeat:no-repeat;
}

table.bordered
{
	width:100%;
	border-style: solid;
	border-width:1px;
	border-color: #d3d3d3;
}

table.bordered th
{
	padding: 5px 10px;
	background-color:#d3d3d3;
}

table.bordered td
{
	padding: 3px 10px;
	border-top: solid 1px #d3d3d3;
}

table.bordered-sml
{
	width:100%;
	border-style: solid;
	border-width:1px;
	border-color: #d3d3d3;
}

table.bordered-sml th
{
	padding: 2px 3px;
	background-color:#d3d3d3;
}

table.bordered-sml td
{
	padding: 2px 3px;
	border-top: solid 1px #d3d3d3;
}

table.bordered-brown
{
	width:100%;
	border-style: solid;
	border-width:1px;
	border-color: #837652;
}

table.bordered-brown th
{
	padding: 5px 10px;
	background-color:#837652;
}

table.bordered-brown td
{
	padding: 3px 10px;
	border-top: solid 1px #837652;
}

table.boxed
{
	width:100%;
	border-style: solid;
	border-width:1px;
	border-color: #d3d3d3;
	border-bottom: none;
	border-right: none;
}

table.boxed th
{
	padding: 5px 5px;
	background-color:#d3d3d3;
}

table.boxed td
{
	padding: 3px 5px;
	border-bottom: solid 1px #d3d3d3;
	border-right: solid 1px #d3d3d3;
}

table.lined td
{
	padding: 3px 10px;
	border-top: solid 1px #d3d3d3;
}

a.button-blue
{
	display:block;
	float:left;
	height: 22px;
	background-image:url(/img/button-blue-left.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	margin-right:5px;
}

a.button-blue span
{
	background-image:url(/img/button-blue-right.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	padding: 4px 8px;
	height:14px;
}

a.button-blue:hover
{
	background-image:url(/img/button-blue-left-hi.gif);
}

a.button-blue span:hover
{
	background-image:url(/img/button-blue-right-hi.gif);
	cursor:pointer;
}

span.button-blue-dis
{
	display:block;
	float:left;
	height: 22px;
	background-image:url(/img/button-blue-left-dis.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	margin-right:5px;
}

span.button-blue-dis span
{
	background-image:url(/img/button-blue-right-dis.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	padding: 4px 8px;
	height:14px;
}

span.button-blue-dis-brown
{
	display:block;
	float:left;
	height: 22px;
	background-image:url(/img/button-blue-left-dis-brown.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	margin-right:5px;
}

span.button-blue-dis-brown span
{
	background-image:url(/img/button-blue-right-dis-brown.jpg);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	padding: 4px 8px;
	height:14px;
}

span.page-display
{
	display:block;
	float:right;
	height: 22px;
	background-image:url(/img/pages-bg-left.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	margin-left: 4px;
}

span.page-display span
{
	background-image:url(/img/pages-bg-right.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	padding: 4px 8px;
	height:14px;
}

span.page-display a
{
	font-weight:bold;
}

a.button-gray
{
	display:block;
	float:left;
	height: 18px;
	background-image:url(/img/button-gray-left.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	margin-right:5px;
}

a.button-gray span
{
	background-image:url(/img/button-gray-right.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	padding: 4px 8px;
	height:10px;
	font-size:9px;
	line-height:11px;
}

a.button-gray:hover
{
	background-image:url(/img/button-gray-left-hi.gif);
}

a.button-gray span:hover
{
	background-image:url(/img/button-gray-right-hi.gif);
	cursor:pointer;
}

span.button-gray-label
{
	float:left; padding: 4px 0px;height:10px;font-size:9px; margin-right: 5px;
	font-weight:bold;
}


a.button-subscribe
{
	display:block;
	width: 33px;
	height: 22px;
	background-image:url(/img/subscribe.gif);
	float:right;
}

a.button-subscribe:hover
{
	background-image:url(/img/subscribe-hi.gif);
}

a.button-subscribed
{
	display:block;
	width: 33px;
	height: 22px;
	background-image:url(/img/subscribed.gif);
	float:right;
}

a.button-subscribed:hover
{
	background-image:url(/img/subscribed-hi.gif);
}

/*
a.quicklink {
	display: block;
	float: right;
	height:20px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-decoration: none;
	font-weight:bold;
	margin-left:5px;
	margin-top:5px;
}

a.quicklink span {
	background-image:url(/img/quick-right.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	padding: 3px 5px 3px 26px;
	height: 14px;
	font-size:11px;
}
*/
a.menu-button {
	display:block;
	height:30px;
	float:left;
}

a.menu-button#menu-start {
	width:56px;
	background-image:url(/img/menu-start.png);
}
a.menu-button#menu-start-s {
	width:56px;
	background-image:url(/img/menu-start-s.png);
}

a.menu-button#menu-members {
	width:96px;
	background-image:url(/img/menu-members.png);
}
a.menu-button#menu-members-s {
	width:96px;
	background-image:url(/img/menu-members-s.png);
}

a.menu-button#menu-diary {
	width:99px;
	background-image:url(/img/menu-diary.png);
}
a.menu-button#menu-diary-s {
	width:99px;
	background-image:url(/img/menu-diary-s.png);
}

a.menu-button#menu-exer {
	width:79px;
	background-image:url(/img/menu-exer.png);
}
a.menu-button#menu-exer-s {
	width:79px;
	background-image:url(/img/menu-exer-s.png);
}

a.menu-button#menu-forums {
	width:58px;
	background-image:url(/img/menu-forums.png);
}
a.menu-button#menu-forums-s {
	width:58px;
	background-image:url(/img/menu-forums-s.png);
}

a.menu-button#menu-prog {
	width:133px;
	background-image:url(/img/menu-prog.png);
}
a.menu-button#menu-prog-s {
	width:133px;
	background-image:url(/img/menu-prog-s.png);
}

a.menu-button#menu-help {
	width:51px;
	background-image:url(/img/menu-help.gif);
}
a.menu-button#menu-help-s {
	width:51px;
	background-image:url(/img/menu-help-s.gif);
}

span.quicklink {
	display: block;
	float: right;
	height:20px;
	background-repeat:no-repeat;
	
	margin-left:5px;
	margin-top:5px;
}

span.quicklink a.inner {
	background-image:url(/img/quick-right.png);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	padding: 3px 5px 3px 26px;
	height: 14px;
	font-size:11px;
	
	color:#FFFFFF;
	text-decoration: none;
	font-weight:bold;
}

/*
a.quicklink span:hover {
	cursor:pointer;
}
*/

span.quick-mail {
	background-image:url(/img/quick-mail.png);
}
span.quick-mail-new {
	background-image:url(/img/quick-mail-new.gif);
}


span.quick-guestbook {
	background-image:url(/img/quick-guestbook.png);
	
}
span.quick-guestbook-new {
	background-image:url(/img/quick-guestbook-new.gif);
}
span.quick-guestbook a.inner, span.quick-guestbook-new a.inner {
	padding-left:29px;
}

/*
a.quick-gift {
	background-image:url(/img/quick-gift.gif);
}
a.quick-gift-new {
	background-image:url(/img/quick-gift-new.gif);
}
a.quick-gift span, a.quick-gift-new span {
	padding-left:25px;
}
*/

span.quick-gift {
	background-image:url(/img/quick-gift.png);
}
span.quick-gift-new {
	background-image:url(/img/quick-gift-new.gif);
}
span.quick-gift a.inner, span.quick-gift-new a.inner {
	padding-left:25px;
}


span.quick-invite {
	background-image:url(/img/quick-invite.png);
}
span.quick-invite-new {
	background-image:url(/img/quick-invite-new.gif);
}
span.quick-invite a.inner, a.quick-invite-new a.inner {
	padding-left:23px;
}


span.quick-buddy {
	background-image: url(/img/quick-buddies.png)
}
span.quick-buddy-new {
	background-image:url(/img/quick-buddies-new.gif);
}
span.quick-buddy a.inner, a.quick-buddy-new a.inner {
	padding-left:25px;
}


span.quick-subscribe {
	background-image:url(/img/quick-subscribe.png)
}
span.quick-subscribe-new {
	background-image:url(/img/quick-subscribe-new.gif);
}
span.quick-subscribe a.inner, span.quick-subscribe-new a.inner {
	padding-left:27px;
}

/*
a.quick-zollar {
	background-image:url(/img/quick-zollar.gif)
}
a.quick-zollar-new {
	background-image:url(/img/quick-zollar-new.gif);
}
a.quick-zollar span, a.quick-zollar-new span {
	padding-left:20px;
}
*/

span.quick-zollar {
	background-image:url(/img/quick-zollar.png)
}
span.quick-zollar-new {
	background-image:url(/img/quick-zollar-new.gif);
}
span.quick-zollar a.inner, span.quick-zollar-new a.inner {
	padding-left:20px;
}

span.quick-sheriff {
	background-image:url(/img/quick-sheriff.png)
}
span.quick-sheriff-new {
	background-image:url(/img/quick-sheriff-new.gif);
}
span.quick-sheriff a.inner, span.quick-sheriff-new a.inner {
	padding-left:22px;
}
/*
span.button-blue
{
	display:block;
	float:left;
	height:22px;
	background-image:url(/img/button-blue-left.gif);
	background-repeat:no-repeat;
}

span.button-blue span
{
	height:12px;
	
	padding:5px;
	text-align:center;
}

span.button-blue a
{
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
}
*/

div.user-edited
{
	width: 548px;
	overflow:hidden;
}

div.user-edited p
{
	margin:0px;
	/* overflow:auto; */
}

div.user-edited img
{
	max-width:548px;
	max-height:548px;
}

/**
 * Forms
 */
 
 /*
table.tableform em {
	color:#990000;
	font-size:9px;
	font-style:normal;
	font-weight:bold;
}
*/
table.stdtableform em {
	color:#990000;
	font-size:9px;
	font-style:normal;
	font-weight:bold;
	display:block;
}

table.stdtableform input[type=radio] {
	vertical-align:middle;
}

table.stdtableform td {
	padding-bottom:5px;
}
 
form.autovalidate br {
	clear:both;
}

form label.error {
	display:block;
	color:#990000;
	font-size:9px;
	font-style:normal;
	font-weight:bold;
}

form.extrawide input {
	display:block;
	width:550px;
	float:right;
}

form.extrawide label {
	display:block;
	padding-top:2px;
	width:60px;
	float: left;
}

form.extrawide em {
	clear: both;
	margin-left:68px;
	color:#990000;
	font-size:9px;
	font-style:normal;
	font-weight:bold;
}


form.normalsize input {
	display:block;
	width:430px;
	float:right;
}

form.normalsize label {
	display:block;
	padding-top:2px;
	width:180px;
	float: left;
}

form.normalsize em {
	clear: both;
	margin-left:188px;
	color:#990000;
	font-size:9px;
	font-style:normal;
	font-weight:bold;
}

input.error {
	background-color:#FFCCCC;
}

div.marked-message
{
	background-color:#FFCCCC;
}

/**
 * Personal page tabs
 */
.tabs-bar
{
	height:38px;
	padding: 0 5px;
	margin:0px;
	background-image:url(/img/page-tab-bg.gif);
	padding-top:5px;
	background-position: 0px 5px;
	background-repeat:repeat-x;
	border-left: solid 1px #d3d3d3;
	border-right: solid 1px #d3d3d3;
}

.tabs-bar ul
{
	margin:0px;
    padding:0px;
    list-style:none;
	height:38px;
}

.tabs-bar li {
	background: url(/img/page-tab-left.gif) no-repeat left top;
    float:left;
    margin:0px;
    padding:0px;
	height:38px;
}

.tabs-bar a {
	background: url(/img/page-tab-right.gif) no-repeat right top;
	font-size:12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding-top: 11px;
	padding-left: 14px;
	padding-right: 14px;
	display:block;
	height:38px;
}

.tabs-bar #seltab {
	background-image:url(/img/page-tab-left-sel.gif);
}

.tabs-bar #seltab a {
	background-image:url(/img/page-tab-right-sel.gif);
}

.upper-line {
	padding: 3px;
	border-top: solid 1px #d3d3d3;
}

.inner-separator {
	padding-top:5px;
	margin-top:5px;
	border-top: solid 1px #d3d3d3;
	min-height:5px;
	/* height:5px; */
}

table.gift-list td {
	padding: 3px;
}

table.gift-list td.selected {
	background-color:#009900;
}

div.gift-list {
	height:105px;
	overflow:scroll;
	overflow-y: hidden;
	border: solid 1px #d3d3d3;
	padding:2px;
}

/**
 * Location chooser
 */
#sel_country, #sel_region {
	width:152px; margin-right:4px;
}

#sel_city {
	width:153px;
}

#sel_timezone {
	width:200px;
}

/**
 * New Stuff
 */
div.imagedisplay {
	overflow:auto;
	height:240px;
}
 
div.imagedisplay img {
	padding:3px;
	border: solid 1px #d3d3d3;
}

div.imagedisplay img:hover {
	border: solid 1px #404cab;
}

/**
 * Achivements
 */
div.achievement {
	position:relative;
	width:32px;
	height:32px;
}

div.achievement-pop {
	position:absolute;
	width:190px;
	left:20px;
	top:20px;
	z-index:10;
	display:none;
}

div.achievement-pop .popuptop {
	background-image:url(/img/achievement-pop-top.png);
	width:168px;
	padding: 10px 11px 0 11px;
}

div.achievement-pop .popupbot {
	background-image:url(/img/achievement-pop-bot.png);
	height:11px;
}

/**
 * Tourneys
 */
div.tourney-pop {
	position:absolute;
	width:190px;
	left:2px;
	top:2px;
	z-index:5;
	display:none;
}

div.tourney-pop .popuptop {
	background-image:url(/img/achievement-pop-top.png);
	width:168px;
	padding: 10px 11px 0 11px;
}

div.tourney-pop .popupbot {
	background-image:url(/img/achievement-pop-bot.png);
	height:11px;
}

/**
 * Frontpage
 */
a.favgame {
	display:block;
	width: 18px;
	height: 16px;
	float:right;
	background-image:url(/img/front-heart.gif);
}

a.favgame:hover {
	background-image:url(/img/front-heart-broken.gif);
}

/**
 * FAQ
 */
div.linktopics
{
	border-bottom: solid 1px #d3d3d3;
}
 
div.linktopics a
{
	display:block;
	padding:5px;
	border-top: solid 1px #d3d3d3;
	text-decoration:none;
	font-weight:bold;
}

div.linktopics a:hover
{
	background: #eeeeee;
}

div.linktopics a#topicselected
{
	background: #eeeeee;
}

/**
 * Diary
 */
table.diary-table tr td
{
	padding:3px 0px;
}

table.diary-table tr.alt td
{
	background-color:#dff2bf;
}

table.diary-table td.alt, table.diary-table th.alt
{
	background-color:#dff2bf;
}
 
table.diary-table tr.sum td
{
	border-top: solid 1px #d3d3d3;
}

table.diary-table tr.bot-border td, table.diary-table tr.bot-border th
{
	border-bottom: solid 1px #d3d3d3;
}


table.diary-table tr td.comment, table.diary-table tr th.comment
{
	padding-left:10px;
}

/**
 * Diary calendar
 */
table.calendar
{
	width:100%;
	border-collapse:collapse;
}

table.calendar, table.calendar th, table.calendar td
{
	border: 2px solid #ffffff;
}

table.calendar th
{
	background-color:#dff2bf;
	padding: 2px 0px;
}

table.calendar td
{
	background-color:#EEE;
}


table.calendar td.today
{
	font-weight: bold;
	background-color:#CCC;
}


table.calendar td.selected
{
	background-color:#99dd22;
}

caption.calendar-month
{
	font-weight:bold;
}

span.calendar-prev a, span.calendar-next a
{
	color:#000;
	text-decoration:none;
}

div#food-types div {
	padding: 2px;
}

div.bot-border {
	border-bottom: 1px solid #AAA;
}

div#food-types div a {
	color: #000;
}

div#food-results div {
	padding: 2px;
}

div#food-results div a {
	color: #000;
}