body, input, textarea, select, button {
	font: 12px/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body {
	margin: 0;
	padding: 0;
	background: #e10000 url(../img/bg.jpg) no-repeat center top;
	color: #000;
}
body.popup {
	background: #d3d3d3 url(../img/popup/bg.png) repeat-x 0 -15px;
}

a {
	color: #600;
	cursor: pointer;
}

h1, h2, h3 {
	margin: .67em 0;
	font: bold 20px/1.2 "Myriad Pro", Arial, Helvetica, sans-serif;
}
h2 {
	margin: .83em 0;
	font-size: 16px;
}
h3 {
	margin: .83em 0;
	font-size: 14px;
}
p {
	margin: 1em 0;
}
ul {
	list-style-type: disc;
	margin: 1em 0;
}

form {padding: 0; margin: 0;}
textarea, select {border: solid 1px #999;}
textarea {margin: 0;}
input[type=text], input[type=password] {height: 18px; padding: 1px; border: solid 1px #999; -ms-selector: 'input[type=text], input[type=password]';}
input[type=checkbox] {margin-left: 0; -ms-selector: 'input[type=checkbox]';}
select {height: 22px; padding: 1px 0;}


/* wrap
*******************************************************************************/
#wrap {
	position: relative;
	overflow: hidden;
	top: 0px;
	width: 956px;
	height: 558px;
	margin: auto;
	padding-top: 42px;
}


/* warning
*******************************************************************************/
#warning {
	position: absolute;
	top: 538px;
	width: 956px;
	height: 62px;
	overflow: hidden;
	margin: 0;
	background: url(../img/warning.png) no-repeat;
	text-indent: -999em;
}


/* menu
*******************************************************************************/
#menu {
	position: absolute;
	display: block;
	left: 65px;
	top: 0;
	width: 825px;
	height: 39px;
	padding: 0; margin: 0;
	list-style: none;
	border: solid 1px #a5001e;
	border-top-width: 2px;
	background: #a5001e url(../img/menu/bg.gif) repeat-x left center;
}

#menu li {
	position: relative;
	float: left;
	display: block;
	width: 91px; height: 39px;
	text-align: center;
	background: url(../img/menu/spacer.png) no-repeat right 2px;
}

#menu li:last-child {
	background: none;
}

#menu a {
	display: block;
	overflow: hidden;
	width: 68px; height: 28px;
	margin: 5px auto 0;
	background: url(../img/menu/text.png) no-repeat;
	text-indent: -999em;
}

#menu li.index a {background-position: 0 0;}
#menu li.rules a {background-position: 0 -28px;}
#menu li.prizes a {background-position: 0 -56px;}
#menu li.code a {background-position: 0 -84px;}
#menu li.personal a {background-position: 0 -112px;}
#menu li.winners a {background-position: 0 -140px;}
#menu li.about a {background-position: 0 -168px;}
#menu li.feedback a {background-position: 0 -196px;}
#menu li.faq a {background-position: 0 -224px;}
#menu li.links a {background-position: 0 -252px;}
#menu li.logout a {background-image: url(../img/menu/logout.png);}

#menu ul {
	position: absolute;
	display: none;
	top: 39px; left: 0;
	margin: 0;
	padding: 5px 0 0 0;
	z-index: 15;
	background: #e1080b url(../img/menu/bg-sub.gif) repeat-x;
}

#menu ul li {
	float: none;
	width: auto; height: auto;
	margin: 0; padding: 4px 10px;
	background: url(../img/menu/spacer-sub.gif) no-repeat center bottom;
}

#menu ul a {
	height: 14px;
	margin: 0;
	background: url(../img/menu/text-sub.png) no-repeat;
}
#menu ul a:hover {text-decoration: underline;}

#menu li.rules ul a {width: 93px;}
#menu li.personal ul a {width: 153px;}
#menu li.winners ul a {width: 115px;}
#menu li.links ul a {width: 154px;}
#menu li.links ul {left: auto; right: 0px;}

#menu li.sub-rules a {background-position: 0 0;}
#menu li.sub-rules_full a {background-position: 0 -12px;}
#menu li.sub-profile a {background-position: 0 -26px;}
#menu li.sub-history a {background-position: 0 -40px;}
#menu li.sub-winners_main a {background-position: 0 -54px;}
#menu li.sub-winners a {background-position: 0 -68px;}
#menu li.sub-archive a {background-position: 0 -82px;}
#menu li.sub-photo_from_rest a {background-position: 0 -96px;}
#menu li.sub-collect_picnic a {background-position: 0 -110px;}
#menu li.sub-game_photo a {background-position: 0 -124px;}
#menu li.sub-ld_expert a {background-position: 0 -138px;}
#menu li.sub-game_calc a {background-position: 0 -152px;}

/* body
*******************************************************************************/
#body {
	position: relative;
	width: 825px;
	height: 421px;
	margin: 0 auto;
	background: #d2d2d2 url(../img/body-bg.png) repeat-x;
}

#logo {
	position: absolute;
	z-index: 10;
	right: 20px; top: 10px;
	width: 51px; height: 52px;
	background: url(../img/logo.jpg) no-repeat;
}

#body ul {
	list-style-image: url("../img/bullet.gif");
}

/* button
*******************************************************************************/
button {
	height: 26px;
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
	cursor: pointer;
	color: #fff;
}

.button {
	height: 26px;
	line-height: 26px;
	padding: 0 10px;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
}
.button .jbb-bg {background: url(../img/button.png) repeat-x 0 -26px;}
.button .jbb-v {width: 4px; background: url(../img/button.png) no-repeat;}
.button .jbb-r {background-position: 0 -52px;}

.jdecor-button {
	padding: 0;
	vertical-align: middle;
}
.jdecor-button button {
	padding: 0 10px;
}


/* popup
*******************************************************************************/
#popup {
	width: 350px;
	color: #000;
}
.popup-swindle #popup {
	width: 750px;
}

#popup a {color: #000;}

#popup-head {
	height: 13px;
	background: #d00000 url(../img/popup/head.gif) repeat-x;
	border: solid 1px #cb6f7f;
	border-bottom-color: #bf010f;
	border-right: #ba1d33;
	line-height: 0;
	font-size: 0;
}

#popup-closer {
	float: right;
	width: 13px;
	height: 13px;
	margin-right: 2px;
	background: url(../img/popup/closer.gif) no-repeat center center;
	cursor: pointer;
}

#popup-body {
	min-height: 110px;
	padding: 15px 20px;
	background: #d3d3d3 url(../img/popup/bg.png) repeat-x;
	border: solid 1px #809183;
	border-top: none;
	border-left-color: #f6d8d8;
}

#popup .buttons {text-align: center;}
#popup a.button {color: #fff;}

#popup-icon {
	position: absolute;
	left: 10px; top: 25px;
	width: 86px; height: 86px;
	z-index: 1;
	background: no-repeat center center;
}
.popup-icon #popup-body {padding-left: 110px;}
.popup-icon-stop #popup-icon {background-image: url(../img/popup/icon/stop.png);}
.popup-icon-brick #popup-icon {background-image: url(../img/popup/icon/brick.png);}
.popup-icon-main #popup-icon {background-image: url(../img/popup/icon/main.png);}
.popup-icon-attn #popup-icon {background-image: url(../img/popup/icon/attn.png);}


/* alert
***************************************/
#alert, #alert-1 {display: none;}
#popup #alert, #popup #alert-1 {display: block;}

/* iframe
***************************************/
.popup-iframe #popup {width: 412px;}
.popup-iframe #popup-body {min-height: 180px;}
#popup-iframe {
	width: 370px; height: 220px;
	background: url(../img/popup/loading.gif) no-repeat center center;
}
#popup-iframe.loaded {background-image: none;}

.special_packaging #popup {width: 740px;}
.special_packaging #popup-iframe {width: 700px; height: 400px;}

/* popup-bb
***************************************/
#popup-bb .jbb-c {width: 44px; background-image: url(../img/popup/shadow-c.png);}
#popup-bb .jbb-lt {height: 41px; margin: -11px 0 0 -21px;}
#popup-bb .jbb-rt {height: 41px; margin: -11px -21px 0 0;}
#popup-bb .jbb-rb {height: 43px; margin: 0 -21px -31px 0;}
#popup-bb .jbb-lb {height: 43px; margin: 0 0 -31px -21px;}
#popup-bb .jbb-h {background-image: url(../img/popup/shadow-h.png);}
#popup-bb .jbb-t {height: 11px; margin-top: -11px;}
#popup-bb .jbb-b {height: 31px; margin-bottom: -31px;}
#popup-bb .jbb-v {width: 21px; background-image: url(../img/popup/shadow-v.png);}
#popup-bb .jbb-l {margin-left: -21px;}
#popup-bb .jbb-r {margin-right: -21px;}


/* error
*******************************************************************************/
ul.error_list {
	display: none;
	position: absolute;
	z-index: 100;
	width: 200px;
	margin: 0;
	padding: 0;
	background: #fff;
	border: solid 1px #933;
	color: #d00;
	list-style: none;
	font-size: 11px;
	font-style: italic;
}
ul.error_list li {
	padding: 3px 7px;
}

.input-row-error label {color: #d66;}
.input-row-error input, .input-row-error textarea, .input-row-error select {background-color: #f66; border-color: #fcc; color: #fff;}

body.popup ul.error_list {
	background: #c66;
	border: solid 1px #933;
	color: #fff;
}

body.popup .input-row-error label {color: #f33;}

#alert ul.error_list {display: block; position: relative; border: none; background: none; color: #000; font-size: 12px; font-style: normal;}

/* captcha
*******************************************************************************/
span.captcha img {width: 70px; height: 17px;}


/* submenu
*******************************************************************************/
#submenu {
	list-style: none;
	padding: 0;
	overflow: hidden;
	-ms6-zoom: 1;
}

#submenu li {
	display: block;
	float: left;
	padding: 0 5px;
	margin-right: 10px;
	background: #bb0303 url(../img/submenu.gif) repeat-x;
	border: solid 1px #bc0606;
	border-top-color: #d11f1f;
	border-bottom-color: #d26261;
}
#submenu li.selected {
	background-position: 0 -26px;
	background-color: #9c9c9c;
	border-color: #a5a5a5;
	border-top-color: #b5b5b5;
	border-bottom-color: #c0c0c0;
}

#submenu a {
	text-decoration: none;
	color: #fff;
}
#submenu a:hover {text-decoration: underline;}


/* pagenav
*******************************************************************************/
#pagenav {
	position: absolute;
	width: 785px;
	left: 20px; bottom: 20px;
	font-size: 11px;
}
#pagenav a {display: none; background: url(../img/pagenav.gif) no-repeat; line-height: 21px; color: #666; text-decoration: none;}
#pagenav a:hover {text-decoration: underline;}
#pagenav a.prev {float: left; padding-left: 15px;}
#pagenav a.next {float: right; padding-right: 15px; background-position: right -21px;}

.pagenav {display: none;}


#pages {
	position: absolute;
	width: 785px;
	bottom: 20px;
	font-size: 11px;
	text-align: right;
}