body, div, p,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, input, textarea,
pre, blockquote,
th, td { margin: 0; padding: 0}
ul { list-style: none}
table { border-collapse: collapse; border-spacing: 0}
fieldset { border: none}
*:focus { outline: none}

a { color: #073995; text-decoration: none}
a:hover { text-decoration: underline}
a img { border: none}

html, body { height: 100%}

body {
	background: #191919 url(../img/main-bg.gif) repeat 0 0;
	padding: 8px 0;
	font: 62.5% Georgia, serif; color: #333;
	text-align: center
}

#container .hide { top: -1000px}
#container .hidden { display: none}

#container {
	width: 795px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

#header { overflow: hidden}
#header h1 {
	position: relative;
	margin: 31px 0 0; padding: 0 0 0 230px;
	font-weight: normal; font-size: 3.2em; color: #f26522;
	line-height: .9em
}
#header h1 i {
	height: 34px;
	display: block;
	position: absolute; top: 0; left: 0;
	background: url(../img/logo.png) no-repeat 0 0;
	padding: 0 108px;
	border-right: 1px solid #f26522;
	font-size: 0
}

#header ul { float: right; position: relative; margin: -2em 0 18px}
#header ul li { float: left; margin: 5px 0 0 15px; font: bold 1.2em Georgia, serif}
#header ul li a { color: #5a5a5a; text-decoration: none}
#header ul li a:hover { color: #f0f0f0}

#makeNotice {
	position: relative;
	margin: 0 0 20px 3px;
}
#makeNotice form {
	background: #fff;
	margin: 0 147px 0 0;
	border-top: 1px solid #df5114;
	border-bottom: 1px solid #df5114;
}
#makeNotice .b-wrpr {
	position: relative;
	background: #fff;
	margin: 2px 0 2px -3px; padding: 3px 80px 4px 5px;
	border-left: 1px solid #df5114;
}
#makeNotice textarea { width: 100%; height: 50px; border: none; overflow: hidden}
#makeNotice .b-wrpr span {
	width: 73px;
	display: block;
	position: absolute; top: 0; bottom: 0; right: 0;
	padding: 9px 0 0;
	border-left: 1px dashed #df5114;
	font-size: 1.1em;
	text-align: center
}
#makeNotice .b-wrpr span b { display: block; font: normal 2.2em Tahoma, sans-serif; line-height: normal}
#makeNotice button {
	position: absolute; top: 0; right: 0;
}
#makeNotice button span {
	display: block;
	width: 139px; height: 63px;
	background: #ed662c;
	margin: -1px -5px -1px; padding: 0;
}
#makeNotice button span span {
	width: 143px; height: 63px;
	background: transparent url(../img/send-btn.png) no-repeat 0 0;
	margin: 0 -4px 0 0; padding: 0;
	line-height: 63px
}

.icon {
	background-image: url(../img/icons.gif);
	background-repeat: no-repeat;
}

.avatar {
	width: 126px; height: 125px;
	display: block;
	background: url(../img/avatar-bg.png) no-repeat 0 0
}
.avatar img { margin: 14px 0 0 12px;}

.ctrls li { float: left; margin: 0 0 0 5px}
.ctrls .icon {
	width: 21px; height: 20px;
	display: block;
	margin: 0 0 0 4px
}
.ctrls .fav { background-position: 0 0}
.ctrls .anwr { background-position: 0 -40px}

ul.usrsList { margin: 0 0 0 -8px; overflow: hidden}
ul.usrsList li {
	float: left;
	margin: 0 0 8px 8px;
	border: 1px solid #a3b4b7
}
ul.usrsList li img { vertical-align: bottom}

#content {
	width: 47.25em;
	float: left;
	position: relative;
	background: #fbe0d5;
	border: 1px solid #df5114; border-width: 0 1px;
	font-size: 1.2em;
	z-index: 7
}
#content .b-wrpr {
	background: #fff;
	margin: 0 2px; padding: 17px 19px;
}

#rCol {
	width: 17.4em;
	float: right;
	background: #ee6e37;
	margin: -2px 0 0;
	border: 1px solid #a63c0f; border-width: 0 1px;
	font-size: 1.2em
}
#rCol .b-wrpr {
	margin: 0 1px; padding: 9px 7px;
	background: #fff;
	border: 1px solid #a63c0f; border-width: 0 1px;
}

.notes li.itm {
	position: relative;
	margin: 0 0 14px; padding: 0 2px 15px;
	border-bottom: 1px dashed #f6b193
}
.notes p { font-size: 1.3em; line-height: 1.65em}
.notes p .nickname { font-weight: bold}
.notes .loc { display: block; margin: 5px 85px 0 0; color: #999}

.notes .ctrls {
	position: absolute; bottom: 7px; right: 0;
}

#content .intro {
	margin: 0 0 10px; 
	font-weight: bold;
	font-size: 1.2em;
	overflow: hidden
}
#content .intro .avatar {	float: left; margin: 0 0 0 -138px}
#content .intro p { margin: 0 0 7px}

#rCol h3 { margin: 0 0 15px; font: bold 1.3em Georgia}
#rCol ul#eventsSects li {
	background: url(../img/marker.gif) no-repeat 0 2px;
	margin: 0 0 14px; padding: 0 0 0 27px;
	font-size: 1.3em
}

#rCol h5 { margin: 0 0 19px; font-weight: normal; font-size: 1.5em}
#rCol .toothing h5 { font-size: 1.3em}

#rCol .bbox {
	display: block;
	position: relative;
	margin: 0 0 12px;
	border: 1px solid #ef8034; border-width: 0 1px;
	color: #333; line-height: 1.4em;
	text-decoration: none;
	cursor:pointer
}
#rCol .bbox span {
	position: relative; bottom: -1px;
	display: block;
	background: #ffa05f url(../img/link-box-bg.png) repeat-x 0 50%;
	margin: -3px 0 0; padding: 5px 7px 6px;
	border: 1px solid #ffbb90;
	border-top: none;
}
#rCol .bbox i.t, #rCol .bbox i.b {
	display: block;
	position: relative;
	border-top: 1px solid #ef8034
}
#rCol .bbox i.t {
	top: -2px;
	margin: 0 2px -2px;
	border-bottom: 1px solid #ffbb90
}
#rCol .bbox i.b {
	height: 2px;
	bottom: -4px; margin: -3px 2px -3px 3px
}
#rCol .bbox i.b, #rCol .bbox i.c {
	background-image: url(../img/link-box-el.png);
	background-repeat: no-repeat
}
#rCol .bbox i.l { width: 4px; right: 100%}
#rCol .bbox i.r { width: 5px; left: 100%}
#rCol .bbox i.t i.c { height: 4px; top: -1px}
#rCol .bbox i.b i.c { height: 5px; top: -3px}

#rCol .bbox i.b {
	background-repeat: repeat-x;
	background-position: 0 -9px
}
#rCol .bbox i.t i.l { margin-right: -1px; background-position: 0 0}
#rCol .bbox i.t i.r { background-position: -4px 0}
#rCol .bbox i.b i.l { background-position: 0 -4px}
#rCol .bbox i.b i.r { background-position: -4px -4px}

#rCol .bbox i.sh {
	width: 2px;
	position: absolute; left: 100%; top: 2px; bottom: 1px;
	background: url(../img/link-box-rsh.png) repeat-y 0 0;
	margin: 0 0 0 1px;
}

#footer {
	padding: 0 0 30px;
	font-size: 1.2em; color: #5a5a5a;
	overflow: hidden;
	clear: both
}
#footer a { color: #5a5a5a}
#footer p, #footer ul, #footer li { float: left}
#footer p { margin: 40px 0 0}
#footer ul { margin: 40px 0 0 26px}
#footer li { margin: 0 8px}

.extraBg {
	position: absolute; top: 0; left: 50%;
	background: url(../img/extra-bg.jpg) no-repeat 0 0;
	z-index: 5
}
.extraBg.l {
	width: 170px; height: 432px;
	margin: 340px 0 0 -563px;
}
.extraBg.r {
	width: 113px; height: 229px;
	background-position: -170px 0;
	margin: 295px 0 0 409px;
}
#footer .extraBg {
	width: 70px; height: 70px;
	top: -25px; left: 658px;
	background-position: 100% 100%;
}

button, .button {
	margin: 0;
	background: transparent;
	border: none;
	font: normal 1.8em Georgia; color: #fff;
	cursor: pointer
}
.button:hover { text-decoration: none}

i.c {
	display: block;
	position: absolute;
	background-image: url(../img/crnrs.png);
	background-repeat: no-repeat;
	font-size: 0
}
.blc {
	display: block;
	position: relative;
	border-width: 1px 0;
	border-style: solid;
	font-size: 0
}
#topIntro .blc.t {
	top: -4px;
	margin: 0 6px -2px;
	border-top-color: #a63c0f;
	border-bottom-color: #ee6e37;
	z-index: 15
}
#topIntro .blc.b {
	bottom: -4px;
	margin: -2px 6px 0;
	border-top-color: #ee6e37;
	border-bottom-color: #a63c0f;
	z-index: 15
}
#content .blc, #rCol .blc {
	height: 1px;
	display: block;
	background: #fff;
	padding: 0;
}
#content .blc {
	height: 2px;
	display: block;
	background: #fdd4c3;
	padding: 0;
}
#content .blc.t {
	margin: -5px 5px 0;
	border-top: 1px solid #df5114;
	border-bottom: 2px solid #fff
}
#content .blc.b {
	margin: 0 5px -5px;
	border-top: 2px solid #fff;
	border-bottom: 1px solid #df5114
}
#rCol .blc { background: #f26522}
#rCol .blc.t {
	margin: -3px 5px 0;
	border-top-color: #99370e;
	border-bottom-color: #99370e
}
#rCol .blc.b {
	margin: 0 5px -3px;
	border-top-color: #99370e;
	border-bottom-color: #99370e
}
.blc .c { width: 6px; height: 6px}
.blc .l { right: 100%;}
.blc .r { left: 100%}
.blc.t .l, .blc.t .r { top: -1px}
.blc.b .l, .blc.b .r { bottom: -1px}

#makeNotice .c { width: 3px; height: 3px; right: 100%}
#makeNotice .lt { top: 0; background-position: -80px -4px}
#makeNotice .lb { bottom: 0; background-position: -80px -7px}

#topIntro .blc .c { width: 7px; height: 7px}
#topIntro .blc.t .l { background-position: -24px 0}
#topIntro .blc.t .r { background-position: -31px 0}
#topIntro .blc.b .l { background-position: -24px -7px}
#topIntro .blc.b .r { background-position: -31px -7px}

#content .blc.t .l { background-position: 0 0}
#content .blc.t .r { background-position: -6px 0}
#content .blc.b .l { background-position: 0 -6px}
#content .blc.b .r { background-position: -6px -6px}

#rCol .blc.t .l { background-position: -12px 0}
#rCol .blc.t .r { background-position: -18px 0}
#rCol .blc.b .l { background-position: -12px -6px}
#rCol .blc.b .r { background-position: -18px -6px}

#topIntro {
	background: #ea6c36;
	margin: 0 0 30px;
	border: 1px solid #a63c0f; border-width: 0 1px
}
#topIntro .b-wrpr {
	position: relative; top: -2px;
	background: #fad5c6;
	margin: 0 1px -6px; padding: 7px 12px 10px;
	border: 1px solid #ab471d;
	font-size: 1.4em;
	z-index: 10
}
#topIntro .b-wrpr .button {
	font-size: 1.3em
}

#topIntro .button, #topIntro .button span {
	background: #e35214 url(../img/reg-btn.png) no-repeat 0 0;
}
#topIntro .button {
	height: 46px;
	display: inline-block;
}
#topIntro .button span {
	display: block;
	background-position: 100% 0;
	margin: 0 0 0 3px; padding: 0 13px 0 7px;
	line-height: 45px;
}

.b-tt, .b-tt .c1 {
	background: #fcfce1;
	border: 1px solid #df5114; border-width: 0 1px
}
.b-tt { position: relative; margin: 0 0 12px; z-index: 200}
.b-tt.popUp { width: 535px; position: absolute; top: 160px; left: 50%; margin-left: -267px}
#afterReg { width: 672px; top: 165px; left: 54px; margin: 0}
#regNotice { top: 165px; left: auto; right: 31px}
.b-tt .b-wrpr {
	position: relative;
	background: #f4f2bb;
	margin: 0 3px; padding: 7px 12px 10px;
	font-size: 1.4em; line-height: 170%
}
.b-tt.popUp .b-wrpr { padding-right: 30px}

.b-tt .blc.t {
	top: -7px;
	background: #fcfce1;
	margin: 0 6px -7px; padding: 1px 0;
	border-top: 1px solid #df5114;
	border-bottom: 4px solid #f4f2bb
}
.b-tt .blc.b {
	bottom: -7px;
	background: #fcfce1;
	margin: -7px 6px 0; padding: 1px 0;
	border-top: 4px solid #f4f2bb;
	border-bottom: 1px solid #df5114;
	z-index: 10
}
.b-tt .tail {
	width: 24px; height: 21px;
	position: absolute; top: -25px; right: 100px;
	background: url(../img/bbl-tail.png) no-repeat 0 0;
	font-size: 0;
	z-index: 25
}

#afterReg.b-tt .tail {
	right: 200px;
}

.success, .success .blc.t, .success .blc.b { background: #e3fde4}
.success .b-wrpr { background: #c1f6c2}
.success .blc.t { border-bottom-color: #c1f6c2}
.success .blc.b { border-top-color: #c1f6c2}
.success .tail { background-position: -24px 0}

.unsuc, .unsuc .blc.t, .unsuc .blc.b { background: #fff1f1}
.unsuc .b-wrpr { background: #ffdfdf}
.unsuc .blc.t { border-bottom-color: #ffdfdf}
.unsuc .blc.b { border-top-color: #ffdfdf}
.unsuc .tail { background-position: -48px 0}

.b-tt table { margin: 0 -11px}
.b-tt table td { padding: 0 11px}
.b-tt button, .b-tt .button { font-size: 1.3em}
.b-tt div.notice {
	background: #fce39e;
	margin: 30px -19px -13px; padding: 18px 19px 9px;
}
.b-tt div.notice a { margin: 0 0 0 13px}

.b-tt .blc .c { width: 7px; height: 7px}
.b-tt .blc.t .l { background-position: -38px 0}
.b-tt .blc.t .r { background-position: -45px 0}
.b-tt .blc.b .l { background-position: -38px -7px}
.b-tt .blc.b .r { background-position: -45px -7px}

.success .blc.t .l { background-position: -52px 0}
.success .blc.t .r { background-position: -59px 0}
.success .blc.b .l { background-position: -52px -7px}
.success .blc.b .r { background-position: -59px -7px}

.unsuc .blc.t .l { background-position: -66px 0}
.unsuc .blc.t .r { background-position: -73px 0}
.unsuc .blc.b .l { background-position: -66px -7px}
.unsuc .blc.b .r { background-position: -73px -7px}

.b-tt .bsh, .b-tt .bsh .c, .b-tt .rsh .c {
	background-image: url(../img/popup-sh-el.png);
	background-repeat: no-repeat
}
.b-tt .bsh {
	height: 9px;
	position: absolute; top: 100%; left: 7px; right: 2px;
	background-repeat: repeat-x;
	background-position: 0 -9px;
	margin-top: 2px;
	/*clip: rect(auto auto auto 6px);*/
}
.b-tt .rsh {
	width: 4px;
	position: absolute; top: 6px; bottom: -2px; left: 100%;
	background: url(../img/popup-rsh.png) repeat-y 0 0;
	margin: 0 0 0 1px
}
.b-tt .rsh .c {
	width: 4px; height: 6px;
	top: -6px; left: 0;
	background-position: -13px 0
}
.b-tt .bsh .c { height: 9px; top: 0}
.b-tt .bsh .l { width: 6px; right: 100%; background-position: 0 0}
.b-tt .bsh .r { width: 7px; left: 100%; background-position: -6px 0}

.b-tt.popUp .close {
	width: 19px; height: 17px;
	display: block;
	position: absolute; top: 100%; left: 100%;
	background-position: 0 -83px;
	margin: -22px 0 0 -23px;
	cursor: pointer
}
#imdFrameBgPrcs {
	display: none;
	border: 0;
}