@charset "UTF-8";
 @media all {
html * {
	font-size:100.01%;
}
body {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:75%;
	color:#000;
	background-color:#AE174A;
	margin:0;
	padding:0;
	overflow:hidden;
}
.bg {
	background:#AE174A url(../img/layout/bg.gif) repeat-x;
}
#container {
	position:absolute;
	height:100%;
	width:100%;
}
#logo {
	margin-left:30px;
}
#header_container {
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:112px;
	background:#6A0E2D url(../img/layout/bg_header.png) repeat-x;
}
#account {
	position:absolute;
	right:10px;
	top:0;
	height:25px;
	width:192px;
	background:url(../img/layout/account.png) no-repeat;
}
#account p {
	padding:2px;
	text-align:center;
}
#account a, .why {
	font-size:90%;
	background:transparent;
	padding-left:3px;
}
#account * {
	color:#FFF;
}
#account .why {
	font-style:oblique;
}
#header {
	position:absolute;
	right:30px;
	top:65px;
 *top:77px;
}
#header ul {
	list-style:none;
}
#header li {
	display:inline;
	padding-left:17px;
}
#header a {
	color:#FFF;
	font-size:120%;
	font-weight:bold;
	background:none;
}
#header a:focus, #header a:hover, #header a:active {
	color:#AD174A;
	text-decoration:none;
}
#my_header {
	position:absolute;
	width:323px;
	height:66px;
	z-index:2;
	left:112px;
	top:27px;
}
#status {
	position:absolute;
	left:237px;
	top:80px;
	width:288px;
	font-size:80%;
	color:#FFF;
}
#my_status {
	position:absolute;
	width:370px;
	height:20px;
	left:112px;
	top:79px;
	font-size:80%;
	color:#FFF;
}
#news {
	position:absolute;
	left:80px;
	top:122px;
	width:370px;
	font-size:90%;
	z-index:4;
}
#newmessages, #newfriends {
	position:relative;
	padding:10px;
	margin-bottom:2px;
	background-color:#FFF;
	border:2px solid #AD174A;
}
#notfinished {
	position:absolute;
	left:80px;
	top:122px;
	background-color:#FFF;
	padding:10px;
	font-size:90%;
	z-index:1;
	border:2px solid #AD174A;
}
#whyregister {
	position:absolute;
	right:0;
	top:112px;
	width:365px;
	background-color:#FFF;
	z-index:3;
	padding:10px;
	font-size:90%;
	border:2px solid #AD174A;
}
#whyregister h2 {
	color:#AD174A;
}
#more {
	background-color:#FFF;
	border-color:#FFF #B0B0B0 #B0B0B0 #FFF;
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	text-align:center;
	width:7em;
	height:15px;
	font-size:12px;
	font-family:Arial, sans-serif;
}
#more.highlight {
	font-weight:bold;
	border:1px solid #483D8B;
	border-bottom-color:#6495ED;
	border-right-color:#6495ED;
}
#layerbox {
	font-family:Arial, sans-serif;
	font-size:12px;
	text-align:left;
	padding:6px 4px;
	width:120px;
	background-color:#FFF;
	border:1px solid #000;
	display:none;
}
#layerbox.highlight {
	border-width:2px;
	border-top:1px solid #000;
	margin-right:-1px;
}
#boxlink {
	color:#A5A5A5;
	text-decoration:none;
	font-size:11px;
	margin-left:20px;
}
#boxlink.highlight {
	color:#0000CC;
	text-decoration:underline;
	cursor:pointer;
}
#geosearch {
	position:absolute;
	right:9px;
	top:140px;
	height:19px;
	z-index:1;
	vertical-align:middle;
}
#geosearch div {
	position:relative;
	top:4px;
 *top:3px;
	display:inline;
}
.geoinput {
	width:155px;
 *width:160px;
	height:15px;
	border:1px solid #000;
	padding-left:17px;
	margin-right:3px;
	color:#BFBFBF;
	background:#FFF url(../img/search.gif) no-repeat;
}
#loadmsg {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	height:243px;
	margin-top:-121px;
	background-color:#FFF;
	opacity:.6;
	-moz-opacity:0.6;
	filter:Alpha(opacity = 60);
	z-index:99;
	display:none;
}
#loadmsg .img {
	width:192px;
	height:243px;
	background:url(../img/loading.gif) no-repeat;
	margin:auto;
}
#loadmsg p {
	position:relative;
	text-align:center;
	top:205px;
}
body.loading #loadmsg {
	display:block;
	cursor:wait;
}
#load {
	margin:110px 211px;
}
#map, #regmap, #content_container, #content_container_regmap {
	position:absolute;
	left:0;
	right:0;
	top:112px;
	bottom:120px;
	background-color:#E5E3DF;
	border:2px solid #AD174A;
	overflow:auto;
}
#map {
	overflow:hidden;
}
#map a, #regmap a {
	background-image:none;
}
#map p, #regmap p {
	color:#000;
}
#map .info {
	background:url(../img/load.gif) no-repeat center;
	text-align:center;
}
#regmap {
	left:290px;
	font-size:10px;
}
#content_container_regmap {
	width:273px;
	padding:0 7px 0 10px;
}
.bigmap {
	position:absolute;
	left:17px;
	top:222px;
	z-index:1;
	cursor:pointer;
} 	
#footer_container {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:120px;
	background:url(../img/layout/bg_footer.png) repeat-x;
	overflow:hidden;
}
ul#loungers {
	height:76px;
	margin:11px 0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
ul#loungers li {
	display:inline;
}
ul#loungers li a, .title {
	padding:2px;
	background:transparent;
	text-decoration:none;
	float:left;
}
ul#loungers .title {
	padding:4px;
}
ul#loungers li a:focus, ul#loungers li a:hover, ul#loungers li a:active {
	padding:1px;
	border:1px solid #AE4C6D;
	background-color:#FFF;
}
#footer {
	position:absolute;
	left:0;
	right:0;
	bottom:-2px;
 *bottom:-5px;
	color:#FFF;
	text-align:center;
}
#footer ul {
	list-style:none;
}
#footer li {
	font-size:90%;
	display:inline;
	padding-right:12px;
}
#footer li span {
	padding-left:14px;
}
#footer a {
	color:#FFF;
	background:transparent;
	padding:0;
}
#footer a:focus, #footer a:hover, #footer a:active {
	text-decoration:underline;
}
#box {
	position:relative;
	margin: 10px auto;
	padding:0;
	max-width:750px;
	background-color:#FFF;
}
#login {
	position:relative;
	margin:auto;
	margin-top:7em;
	padding:0;
	width:350px;
	background-color:#FFF;
}
#login label {
	float:left;
	text-align:right;
	width:72px;
	margin-right:8px;
	font-weight:bold;
	margin-top:6px;
}
#login span {
	float:right;
	margin-bottom:3px;
	margin-right:103px;
	text-align:right;
}
#login .submit {
	margin-left:153px;
}
td.label {
	font-weight:bold;
}
td.add {
	padding:5px 5px;
}
tr.line {
	background-color:#F8F8F8;
}
.dotted {
	border-top:1px dotted #AD174A;
}
.input, .preinput, .markerinput, .smallinput {
	width:136px;
	padding:2px;
	margin:2px 0;
	border-color:#BFBFBF #E0E0E0 #E0E0E0 #BFBFBF;
	border-style:solid;
	border-width:2px 1px 1px 2px;
	background:#FFF url(../img/layout/input.gif) repeat-x;
}
.markerinput {
	width:190px;
}
.smallinput {
	width:30px;
}
.preinput, .pre_error {
	color:#BFBFBF;
}
input.error, .pre_error, textarea.error {
	width:136px;
	padding:2px;
	margin:2px 0;
	border-color:#AD174A #FE9999 #FE9999 #AD174A;
	border-style:solid;
	border-width:2px 1px 1px 2px;
	background:#FFF url(../img/layout/input.gif) repeat-x;
}
textarea {
	width:470px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	padding:2px;
	margin:2px 0;
	border-color:#BFBFBF #E0E0E0 #E0E0E0 #BFBFBF;
	border-style:solid;
	border-width:2px 1px 1px 2px;
	background:#FFF url(../img/layout/input.gif) repeat-x;
}
.errortextarea {
	width:470px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	padding:2px;
	margin:2px 0;
	border-color:#AD174A #FE9999 #FE9999 #AD174A;
	border-style:solid;
	border-width:2px 1px 1px 2px;
	background:#FFF url(../img/layout/input.gif) repeat-x;
}
.checkbox, .cbmulti {
	vertical-align:middle;
}
.cbmulti {
	float:left;
	margin:6px;
}
.errordrop {
	border:1px solid #AD174A;
	background-color:#FE9999;
}
label.check {
	font-weight:bold;
	padding-right:20px;
}
#content {
	font-size:85%;
	padding:0 14px 20px 10px;
	overflow:auto;
}
#trc h1 {
	color:#FFF;
	padding:5px 10px 0 10px;
	font-size:100%;
}
#tlc, #trc, #blc, #brc {
	background-color: transparent;
	background-repeat: no-repeat;
}
#tlc {
	background-image:url(../img/layout/box/tlc.png);
	background-position: 0% 0%;
}
#trc {
	background-image:url(../img/layout/box/trc.png);
	background-position: 100% 0%;
}
#blc {
	background-image:url(../img/layout/box/blc.png);
	background-position: 0% 100%;
}
#brc {
	background-image:url(../img/layout/box/brc.png);
	background-position: 100% 100%;
}
#tb, #bb {
	background-color: transparent;
	background-repeat: repeat-x;
}
#tb {
	background-image:url(../img/layout/box/tb.png);
	background-position: 0% 0%;
}
#bb {
	background-image:url(../img/layout/box/bb.png);
	background-position: 50% 100%;
}
#rb {
	background:url(../img/layout/box/rb.png) repeat-y;
	background-position: 100% 0%;
}
#lb {
	background:url(../img/layout/box/lb.png) repeat-y;
	background-position: 0% 100%;
}
#my_img {
	position:absolute;
	width:71px;
	height:90px;
	left:30px;
	top:16px;
	z-index:2;
}
#my_img img{
		border:1px solid #FFF;
}
#my_shoutbox {
	border:1px dotted #AD174A;
	width:469px;
	height:250px;
	padding:5px;
	margin-bottom:10px;
	background-color:#F7F7F7;
	overflow:auto;
}
.shout, .comment {
	float:left;
	margin:5px 0 5px 305px;
	text-align:right;
}
.comment {
	margin-left:420px;
}
#message {
	width:474px;
}
div.suggestion {
	width:136px;
	background-color:white;
	border:1px solid #E0E0E0;
	margin:0;
	padding:0;
}
div.suggestion ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
div.suggestion ul li.selected {
	background-color: #fcebc1;
}
div.suggestion ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	height:12px;
	cursor:pointer;
}
.online, .l_online {
	position:relative;
	margin-top:-12px;
	width:56px;
	height:12px;
	z-index:3;
	background-color:#FFF;
	opacity:.7;
	-moz-opacity:0.7;
	filter:Alpha(opacity = 70);
	font-weight:bold;
	font-size:75%;
	color:#AD174A;
	text-align:center;
}
.l_online {
	width:71px;
*margin-top:-14px;
}
.fav, .fav img {
	padding:0 2px;
}
.fav img {
	vertical-align:middle;
}
.fav a {
	background-image:none;
	padding:0;
	text-decoration:none;
}
h1, h2, h3 {
	font-weight:bold;
}
h1 {
	font-size:100%;
}
h2 {
	font-size:110%;
	color:#000;
}
h3 {
	font-size:150%;
	color:#AD174A;
	padding:12px;
}
p {
	line-height:1.5em;
	margin:0 0 1em 0;
}
strong, b, .bold {
	font-weight:bold
}
em, i {
	font-style:italic
}
hr.separator {
	margin:20px 0;
 *margin:10px 0;
}
table {
	width:100%;
	border-collapse:collapse;
}
th, td {
	padding:2px;
}
img {
	border:0;
}
.errortext, .infotext {
	font-weight:bold;
	color:#AD174A;
	padding-left:20px;
}
.errortext {
	background:url(../img/error.jpg) left no-repeat;
}
.infotext {
	background:url(../img/info.jpg) left no-repeat;
}
.close {
	position:absolute;
	right:10px;
	top:15px;
	cursor:pointer;
}
.close img {
	vertical-align:sub;
}
.red {
	font-weight:bold;
	color:#AD174A;
}
.middlelink {
	cursor:pointer;
	vertical-align:middle;
}
.link {
	cursor:pointer;
	background-image:none;
	padding-left:1px;
}
.baseline {
	text-align:right;
	margin:5px 0;
}
.navi {
	position:absolute;
	bottom:40px;
	left:500px;
	width:30px;
}
a {
	color:#000;
	text-decoration:none;
	background:url(../img/layout/navi/arrow.gif) left no-repeat;
	padding-left:6px;
}
a:focus, a:hover, a:active {
	text-decoration:underline;
}
.accordion {
	position: relative;
}
.accordion-toggle {
	position: relative;
	z-index: 10;
	background:url(../img/layout/navi/arrow.gif) left no-repeat;
	padding-left:6px;
	line-height:1.5em;
	margin:0 0 1em 0;
	cursor: pointer;
}
.accordion-toggle:hover {
	text-decoration:underline;
}
.accordion-content {
	overflow: hidden;
}
}